Halloj
Kan man göra en div helt transparent, dvs utan bakgrund så att bodyns bakgrund syns igenom?
Har testat dom flesta varianter tycker jag, även med en transparent gif som bakgrundsbild i div:en
Tacksam för svar /Karlsson
14 svar · 408 visningar · startad av Karlsson
Halloj
Kan man göra en div helt transparent, dvs utan bakgrund så att bodyns bakgrund syns igenom?
Har testat dom flesta varianter tycker jag, även med en transparent gif som bakgrundsbild i div:en
Tacksam för svar /Karlsson
En div har ingen bakgrundsfärg om du inte anger en sådan. Visa lite kod så kan du säkert få hjälp.
Bah...
Dubbelpost OCH så var dessutom Skarre snabbare. Scheisse, allt går fel idag...
Öh?
Såvitt jag vet så är en DIVs bakgrund transparent av standard.
har en container som innehåller diverse div-ar, vill att bakgrundsbilden som ligger i containern ska synas genom diven som ligger ovanpå
#container{
text-align: left;
/*background-color: white;*/
color: black;
position: relative;
width: 720px;
height: auto;
text-align: center;
margin: 0px auto;
z-index: 1;
border-top: 2px solid #CCCCCC;
border-right: 2px solid #333333;
border-bottom: 2px solid #333333;
border-left: 2px solid #CCCCCC;
background-attachment: fixed;
background-image: url(gfx/topplogga_720x200.gif);
background-repeat: no-repeat;
}
#ettan {
width: 100px;
float: left;
color: black;
padding-left: 5px;
padding-top: 5px;
padding-bottom: 10px;
margin: 2px;
/*z-index: 4;*/
}
Så ser det ut... typ
Det finns massor av trådar som tar upp detta. Här är en:
http://www.webforum.nu/showthread.php?s=&forumid=12&threadid=59428
Ja, jag har använt sökfunktionen..............
Men jag var som säker på att divar default hade transparent bakgrund... visst kan jag använda filter men då blir ju allt i div:en transparent, lite irriterande när texten inte syns :-)
<div>-tagger är precis som alla andra taggar helt transparenta så länge du inte lägger in någon bakgrundsfärg. Vill du endast få bakgrunden transparen kan du använda en transparent PGN-bild som bakgrund.
men varför blir då bakgrunden i #ettan vit?
Det går inte att lista ut med enbart den koden som du visat här. Har du någon länk till sidan?
Hmm...
Du har en background-color: white i #container. Och den inställningen ärvs antagligen av #ettan eftersom du inte har angett någon background-color: alls där.
Vad händer om du kör med
background-color:transparent;
i #ettan?
Sedan undrar jag också om det inte skulle funka med att köra en
background-image:none
i #ettan istället för alla "genomskinlig-bild-och-filter"-specialare...
Fast jag har inte testat förståss - det är bara en terori ;)
Har testat med "background-color: transparent" men ska iväg nu...
Återkommer när jag testat ytterligare knep & knåp
Gillar det här forumet, alltid är det nån som engagerar sig :-)
"ytterligare knepande och knåpande" ger att:
Din bakgrundsbild borde flyttas till nätet så att den syns för "allmänheten" och alltså inte ligga på
background-image: url(file:///D|/testarea/gfx/topplogga_720x200.gif);
(men det visste du säkert redan ) ;)
Annars syns ju bara bakgrundsfärgen (som du deklarerat som vit) för container eftersom ingen bakgrundsbild kan hittas och "lägga sig över" det vita ;)
Lägger du sedan till
background-image:none;
background-color:transparent;
även på övriga <div>:ar inuti #container så kan du också ta bort
-moz-opacity: 45%;
filter: alpha(opacity=45);
och ändå få det att funka ;)
Det är de små små detaljerna som gör'et :bire
Jag visste nog allt innan tyvärr :-)
Eftersom jag återanvände en gammal css-mall så hade jag satt background-color på P-taggen.
Detta för att den skulle validera utan varning...
Det är som du säger, det är dom små detaljerna som gör det!
Tack i alla fall för all hjälp!!!