Genomskinlig bakgrund
Jag har fått frågan ett par ggr om hur man gör så att ens bakgrund lyser igenom på bloggen… och efter lite letande på nätet, så hittade jag något som fungerar riktigt bra.
Dock så ska man ha i åtanke att det inte fungerar om du har en version av Internet Explorer som inte är uppdaterad.. dvs version 7. Tyvärr är det många som inte har uppdaterat sin Explorer, vilket innebär att det du gör på din blogg, inte syns för dem. Vad du själv har för Browser och version, kan du se i min meny här till höger.
Hursomhelst… för att få bakgrunden genomskinlig, så gör du så här.
Gå in i din stilmall.
Leta upp koden som heter body{
I min stilmall ser den ut så här:
body {
background: #000000 url(http://xs122.xs.to/xs122/07495/bakgrund1.jpg);
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
margin:0;
padding:0px 0 14px;
text-align:center;
color:#000000;
}
Det du ska lägga till i koden är följande rader:
/* opacitet for IE */
filter:alpha(opacity=75);
/* opacity: 0.75; filter: alpha(opacity=75); */
/* opacitet CSS3 standard */
opacity:0.75;
/* opacitet for Mozilla */
-moz-opacity:0.75;
Så i mitt fall skall det se ut så här i min stilmall:
body {
background: #000000 url(http://xs122.xs.to/xs122/07495/bakgrund1.jpg);
background-repeat: no-repeat;
background-position: center center;
/* opacitet for IE */
filter:alpha(opacity=75);
/* opacity: 0.75; filter: alpha(opacity=75); */
/* opacitet CSS3 standard */
opacity:0.75;
/* opacitet for Mozilla */
-moz-opacity:0.75;
background-attachment: fixed;
margin:0;
padding:0px 0 14px;
text-align:center;
color:#000000;
}
Mycket svårare än så är det inte.. dock så är exemplet här gjort så att bakgrunden lyser igenom överallt, dvs i menyn och liknande…
Om du vill ändra hur mycket bakgrunden skall lysa igenom, så ändrar du värdet från 75 till något annat.. men tänk på att ändra det på alla ställen…