mats47Medlem sedan mars 2009185 inlägg
Jag har en header på en sida
hur gör jag om jag vill att bilden blir 200 gånger 740.
om bilden inte är det?
den kan va 190 * 600
jag vill alltså stretcha ut bilden, ej upprepa bilden
#header {
background-image: url(hej.gif);
height:220px;
width:740px;
}
Danne VMedlem sedan aug. 20067 685 inlägg
Nej, det går inte. Lättast är ju att ändra bilden i Photoshop. Annars kan du strunta i att lägga bilden som bakgrund i en div, utan lägga in den som absolut positionerad och ge den bredden och höjden du vill ha med hjälp av css - och därefter lägga din div som innehåller texten (också absolut positionerad) ovanpå bilden. Glöm inte z-index!
(Och kom ihåg att ange bredden först när du skriver ut mått. Det du skrivit i texten säger att bilden är 190 bred och 600 hög, och att du vill ha den 200 bred och 740 hög.)
voigtann1Medlem sedan juni 20018 810 inlägg
Kan läsa jarvklo inlägg: http://www.webforum.nu/showthread.php?t=173870 som kanske kan hjälpa dig, men "ren" CSS går det inte med.
tantenMedlem sedan nov. 20051 658 inlägg
Så här ser det ut i css3 och i dagsläget stöds det bara av Chrome och Opera.
background: url(bilder/namn.jpg) no-repeat;
background-size: 100%;
Så absolut enklast är att som DanneV säger, gör om bilden så att den stämmer med de mått du vill ha i header.
Annars får du trixa med z-index och egna css för IE6 osv.