HTML & CSSur HTML, XHTML & CSS
15 svar · 1 193 visningar · startad av wally_91
Hej alla på wF!
Jag jobbar nu med css och när jag har opactiy:60 så blir texten 60% genomskinlig. Hur ska jag göra så att bakgrundsbilden blir 60% genomskinlig och texten inte?
html,body { background-image: url(bild.png); opacity: 0.6; filter: alpha(opacity=60);}
Tänker du inte lite fel nu? En genomskinlig bild i body har ju inget att visa bakom/under sig. Om du vill att bilden ska se ut som det är något som den ligger över så är det nog i bildprogrammet som du ska göra det. Eller är det något annat du menar?
tanten skrev:
Tänker du inte lite fel nu? En genomskinlig bild i body har ju inget att visa bakom/under sig. Om du vill att bilden ska se ut som det är något som den ligger över så är det nog i bildprogrammet som du ska göra det. Eller är det något annat du menar?
Det jag menar är att jag har en bild som är vanlig och den ska bli halv genomskinlig. Måste jag göra det i ett bildredgeringsprogram, som t.ex. Photoshop CS2?
Jag skulle ha gjort det och inte använt genomskinlighet utan bara tonat ner bilden. Det är bara body jag skriver om nu!
Det är helt andra metoder sedan när du lägger in genomskinliga bilder högre upp i dokumentet.
tanten skrev:
Jag skulle ha gjort det och inte använt genomskinlighet utan bara tonat ner bilden. Det är bara body jag skriver om nu!
Det är helt andra metoder sedan när du lägger in genomskinliga bilder högre upp i dokumentet.
Vad är det du menar med "Det är bara body jag skriver om nu!"?
För att du skrev att du har bakgrundsbilden här:
html,body { background-image: url(bild.png); opacity: 0.6; filter: alpha(opacity=60);}
tanten skrev:
För att du skrev att du har bakgrundsbilden här:
html,body { background-image: url(bild.png); opacity: 0.6; filter: alpha(opacity=60);}
Ska jag då ta bort body eller?
Jag tror vi pratar om helt olika saker.
html, body är ju det du ser i hela webfönstret. Allt det gröna du ser här på forumet skulle i princip kunna vara en bakgrundsbild, nu är det inte det, här är det en bakgrundsfärg. Många har en bild i stället.
Om du går in på den här sidan http://www.cssplay.co.uk/opacity/png.html så ser du fyra olika metoder att lägga en genomskinlig bild över en annan bild, varav 2 av dem inte fungerar i Explorer.
Om det är något sådant du vill åstadkomma i body, så tycker inte jag du ska använda genomskinlighet eftersom det inte finns något bakom body att visa upp.
Förstår du vad jag menar nu...? Jag har en känsla av att du egentligen vill något helt annat ;)
tanten skrev:
Jag tror vi pratar om helt olika saker.
html, body är ju det du ser i hela webfönstret. Allt det gröna du ser här på forumet skulle i princip kunna vara en bakgrundsbild, nu är det inte det, här är det en bakgrundsfärg. Många har en bild i stället.
Om du går in på den här sidan http://www.cssplay.co.uk/opacity/png.html så ser du fyra olika metoder att lägga en genomskinlig bild över en annan bild, varav 2 av dem inte fungerar i Explorer.
Om det är något sådant du vill åstadkomma i body, så tycker inte jag du ska använda genomskinlighet eftersom det inte finns något bakom body att visa upp.
Förstår du vad jag menar nu...? Jag har en känsla av att du egentligen vill något helt annat ;)
Nja inte helt riktigt men om du menar body som själva sidan så förstår jag vad du menar. Du menar med att "det inte finns något bakom body" att det inte finns någon bild, eller är ju ute och kör bil?
Jag bara känner att jag inte förstår vad du egentligen vill göra.
Här är en länk till som kanske ger svar på det du vill...http://www.mandarindesign.com/opacity.html
tanten skrev:
Jag bara känner att jag inte förstår vad du egentligen vill göra.
Här är en länk till som kanske ger svar på det du vill...http://www.mandarindesign.com/opacity.html
Detta är vad jag vill göra:
Ta en helt normal bild som inte är redigerad på något sätt.
Lägga in den som en bakgrundsbild.
Normalt tills nu.
Jag vill att den bilden ska vara halvt genomskinlig, jag ser alltså igenom halva bilden, som är en bakgrundsbild.
En bild som man kan ha i en <img>tagg och göra halvt genomskinlig (genom opacity) och sedan använda den bilden som bakgrundsbild.
Jag vet inte riktigt hur jag ska förklara det men det här blev nog hyffsat. :p
Ett förslag då. Sätt i dina värden där det finns frågetecken
#bild1{
width:?px;
background: url(?.jpg) top left;
height:?px;
}
#bild2{
width:?px;
margin-right:0px;
padding:0px;
float:right;
height:?px;
background:#FFF;
filter:alpha(opacity=50);
-moz-opacity:.50;
opacity:.50;
}
<div id="bild1"><div id="bild2"></div></div>
Problemet med du försökte göra först är att alla undertaggar ärver egenskapen från body, så allt kommer bli genomskinligt. Lättast skulle jag ändå säga är att antingen ladda ner något gratis verktyg, så som gimp, som klarar av göra bilden transparent.
Annars är ett förslag på hur man kan bygga upp det hela ifall du vill en bakgrund som upprepar sig är att ha 2 div. position abosolute på båda, låta dem täcka hela skärmen. Sen lägger du in den där bakgrunden på den undre med genomskinligheten som används ovan. Sen får du placera resten av allt ditt matrial till sidan i nästa div.
SoMeOnE skrev:
Problemet med du försökte göra först är att alla undertaggar ärver egenskapen från body, så allt kommer bli genomskinligt. Lättast skulle jag ändå säga är att antingen ladda ner något gratis verktyg, så som gimp, som klarar av göra bilden transparent.
Annars är ett förslag på hur man kan bygga upp det hela ifall du vill en bakgrund som upprepar sig är att ha 2 div. position abosolute på båda, låta dem täcka hela skärmen. Sen lägger du in den där bakgrunden på den undre med genomskinligheten som används ovan. Sen får du placera resten av allt ditt matrial till sidan i nästa div.
Jag är ganska emot divar eftersom de har skapat problem tidigare för mig. Men det som troligtvis kommer att hända är att jag går in i gimp och ändrar bilden till halvtransparent.
Tack för tipsen!