Opacity

Jag har en sida med en iframe och nu vill jag göra en layout med typ blommor.
Över layouten ska mainsidan ligga och den ska då inte vara helt transparent, men man ska kunna se blommorna igenom.
Jag vill även att transparansen, opacitityn ska synas genom foton osv.

Vad ska jag göra?
vad ska jag skriva i min iframekod
och vad ska jag skriva i css'n?

Hej Lillan!

Här är några tips från en gammal tråd här på wF:
http://www.webforum.nu/showthread.php?s=&postid=678776#post678776 (och lite längre ner i samma tråd finns exemplet http://www.webforum.nu/showthread.php?s=&postid=679114#post679114 )

Hoppas de kommer till nytta :bire

Åhh, men css'n...

Super duper! Testade att grejsa lite själv och får det att funka riktigt stiligt!

Men hur ska jag skriva i css'n?
Hänvisar till en av länkarna i inlägget: http://member.webforum.nu/2241/enwebbsidamedtransparens.html

Det är dessa stilar som gäller för de sidor du skall ha in i iframen.

body
{
background-color:white;
color:black;
filter:Alpha(Opacity=60);
-moz-opacity:60%; /* Genomskinlighet även i Mozilla */
}

html>body { /* CSS2, som MSIE inte fattar, ger Genomskinlig bakgrund på body även i Mozilla */
	background-color:transparent; 
}

Om du lägger dem i <style> som i exemplet eller i en extern stilmallsfil spelar ingen roll ;)

Mozilla har numera stöd för CSS3 "opacity"-egenskapen så man behöver inte ha med "-moz-"-prefixet (eller så har man med båda). :)