Hintergrundtransparenz in CSS von div einarbeiten?

[moi_1985]

Hallo,

kann ich mit CSS in den angaben meiner div eine Trnsparenz von z.B. 50% der Hintergrundfarbe einarbeiten? also so, dass die div weiss ist aber ich durch das weiss noch den Hintergrund der Homepage sehen kann.

hier mal meine css angaben.

.content{
position:absolute;
left:107px;
top:241px;
width:815px;
height:200px;
z-index:4;
padding:0;
margin:0;
float:left;
background:#FFFFFF;
overflow:auto;
}

 

[cebito]

AW: Hintergrundtransparenz in CSS von div einarbeiten?

Es gibt "opacity", jedoch wird damit auch der Div-Inhalt transparent. Besser ist es in PS ein Bild (1x1px) zu machen, Ebene weiß, Deckkraft 50%, als .png speichern und dem Div als Hintergrundbild zuordnen.

 

[moi_1985]

AW: Hintergrundtransparenz in CSS von div einarbeiten?

Es gibt "opacity", jedoch wird damit auch der Div-Inhalt transparent. Besser ist es in PS ein Bild (1x1px) zu machen, Ebene weiß, Deckkraft 50%, als .png speichern und dem Div als Hintergrundbild zuordnen.

Danke für dein Tipp mit dem Bild, werde ich gleich mal probieren.

 

[Dennis Kovarik]

AW: Hintergrundtransparenz in CSS von div einarbeiten?

Und schau dir

Bitte kostenlos registrieren, damit du die Links siehst.

auch mal an.
Der IE6 unterstützt übrigens keine Transparenz beim Bild, nur zur Info.

 

[moi_1985]

AW: Hintergrundtransparenz in CSS von div einarbeiten?

Und schau dir

Bitte kostenlos registrieren, damit du die Links siehst.

auch mal an.
Der IE6 unterstützt übrigens keine Transparenz beim Bild, nur zur Info.

Gibt es für den IE dann eine andere Möglichkeit?

 

[Dennis Kovarik]

AW: Hintergrundtransparenz in CSS von div einarbeiten?

Gibt es für den IE dann eine andere Möglichkeit?

-

Bitte kostenlos registrieren, damit du die Links siehst.

G**gle lässt sich auch von allein bedienen

 

[Gackoo_duz]

AW: Hintergrundtransparenz in CSS von div einarbeiten?

Und schau dir

Bitte kostenlos registrieren, damit du die Links siehst.

auch mal an.
Der IE6 unterstützt übrigens keine Transparenz beim Bild, nur zur Info.

Doch das geht auch im IE6

Erstelle im css (intern oder extern)

img, div
{
behavior: url(../iepngfix.htc);
}

und erstelle eine datei Namens "iepngfix.htc" und füge folgenden Inhalt ein

<public:component>
<public:attach event="onpropertychange" onevent="doFix()" />

<script type="text/javascript">

// IE5.5+ PNG Alpha Fix v1.0RC4
// (c) 2004-2005 Angus Turnbull

Bitte kostenlos registrieren, damit du die Links siehst.

// This is licensed under the CC-GNU LGPL, version 2.1 or later.
// For details, see:

Bitte kostenlos registrieren, damit du die Links siehst.

// This must be a path to a blank image. That's all the configuration you need.
if (typeof blankImg == 'undefined') var blankImg = 'blank.gif';


var f = 'DXImageTransform.Microsoft.AlphaImageLoader';

function filt(s, m)
{
if (filters[f])
{
filters[f].enabled = s ? true : false;
if (s) with (filters[f]) { src = s; sizingMethod = m }
}
else if (s) style.filter = 'progid:'+f+'(src="'+s+'",sizingMethod="'+m+'")';
}

function doFix()
{
// Assume IE7 is OK.
if (!/MSIE (5\.5|6\.)/.test(navigator.userAgent) ||
(event && !/(background|src)/.test(event.propertyName))) return;

var bgImg = currentStyle.backgroundImage || style.backgroundImage;

if (tagName == 'IMG')
{
if ((/\.png$/i).test(src))
{
if (currentStyle.width == 'auto' && currentStyle.height == 'auto')
style.width = offsetWidth + 'px';
filt(src, 'scale');
src = blankImg;
}
else if (src.indexOf(blankImg) < 0) filt();
}
else if (bgImg && bgImg != 'none')
{
if (bgImg.match(/^url[("']+(.*\.png)[)"']+$/i))
{
var s = RegExp.$1;
if (currentStyle.width == 'auto' && currentStyle.height == 'auto')
style.width = offsetWidth + 'px';
style.backgroundImage = 'none';
filt(s, 'crop');
// IE link fix.
for (var n = 0; n < childNodes.length; n++)
if (childNodes[n].style) childNodes[n].style.position = 'relative';
}
else filt();
}
}

doFix();

</script>
</public:component>

 

[Duststorm]

AW: Hintergrundtransparenz in CSS von div einarbeiten?

Hier für alle Browser die "Opacity" verstehen, FF und den IE:

.transparent {
background-color: #FFFFFF;
opacity:.50;
-moz-opacity:.5;
filter:alpha(opacity=50);
}

Hoffe es hilft dir weiter.
Ansonsten den png-fix benutzen:

Bitte kostenlos registrieren, damit du die Links siehst.

lg,
Duststorm

 

[moi_1985]

AW: Hintergrundtransparenz in CSS von div einarbeiten?

Wollt mich nur schnell für eure Hilfe bedanken, hat super funktioniert.