hintergrundfarbe eines div zu 60% transparent machen

html.de-Forum JavaScript
1

hi,

ich möchte die hintergrundfarbe eines div zu 60% transparent machen. Mit javascript:lol:. Weil css ja bei IE bzw. FF probleme macht:!::!::!:. Es muss mit beiden gehen^^.

[html]

xxx
[/html]sratt dem „beckground-color: transparent;“ will ich „background-color: #FFFFFF“ aber 60% transparent.:smiley:
d.h. hintergrund weiß, nur dass das bild dahinter auch zusehen ist!:smiley:

hier eine hilfe die ich schon bekommen hab, aber nicht verstehe:?: und aber auch glaube, dass sie browserspezifisch ist. also nur mit IE funzt:(.

[html].opaque {
opacity: .5;
filter: alpha(opacity=50);
-moz-opacity: .5;
}

[/html]„filter: alpha(opacity=50);“ verstehe ich aber was soll das andere da?

danke;heart

2

opacity: .5 = Opera + Safari (glaube ich zumindest), ab CSS 3 Standard
filter: Alpha(opacity=50) = IE
-moz-opacity: .5 = Mozilla Browser (z.B. Firefox)

Ich denke also so kannst du es machen. Das Problem wäre dann aber noch, dass dann auch der Text und alles andere in dem Element transparent wird. Wenn du nur einen transparenten Hintergrund haben möchtest dann nimm am besten ne transparente .png/gif Grafik.

3

danke für den tip!

wie schreib ich das dann in den

rein? Da ich mich für das Hintergrundbild entschieden habe.

[html]

xxx
[/html]wo muss ich jetzt das hier reinschreiben???
[html]opacity: .5;
filter: alpha(opacity=50);
-moz-opacity: .5;[/html]danke!:mrgreen:

4

ins → style=„“ ←

5 
-moz-opacity: .5;

Kann man weglassen da der Firefox auch „opacity“ kennt.

6

Was soll denn .5 für ein Zahlenwert sein?

.opaque { opacity:0.5; filter: alpha(opacity=50); -moz-opacity:0.5; }

7

soweit ich weiß kann man bei Dezimalzahlen den Wert vor dem Punkt weglassen, solange er null ist… allerdings mache ich auch immer 0.5

<div style="color: rgb(255, 255, 255); background-image: url(../Images/arrow-white.gif);opacity:0.5;filter: alpha(opacity=50);" class="topnav" id="topnav4" onmouseover="overNav(0,'service','topnav4')" onmouseout="outNav(0)" onclick="gotoUrl('#')">xxx</div>

so muss es klappen. wie bereits erwähnt kennt der Firefox auch opacity:0.5;