webForumDet fria alternativet

header

3 svar · 511 visningar · startad av mats47

mats47Medlem sedan mars 2009185 inlägg
#1

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
#2

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
#3

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
#4

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.

Genererad på 377 ms · cache AV · v20260730165559-full.f96bc7eb