background color - opacity

[pr0_gamer]

Здравейте! Как да задам на един div за mouseover да се запълва с определен цвят с opacity 30 %, а при Mouseout да си се въща прозрачен фон без това да влияе на текста?

 

[pr0_gamer]

Постигнах някакъв ефект, но все още си остава въпроса за opacity :shock:

 

[sharky_design]

<img src="klematis.jpg" style="opacity:0.4;filter:alpha(opacity=40)"
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" />

<img src="klematis2.jpg" style="opacity:0.4;filter:alpha(opacity=40)"
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" />

 

[dELux_nike]

http://www.w3schools.com/Css/css_image_transparency.asp

 

[pr0_gamer]

Не ми трябва да картинка, за за обикновен background-color: #ccc; ( <-- примерно ) като е маус оувър да се намаля опаситито на бекграунда на 30 %...

 

[Karcho]

http://www.w3schools.com/Css/css_image_transparency.asp скибни последният пример. Затова бях забравил http://www.w3schools.com/Css/css_image_transparency.asp @marian.

 

[marian]

http://css-tricks.com/examples/RGBaSupport/