[1337pm]

Jag använder CSS/boxar för att visa vad som ser ut som en bild med rundade hörn. Jag funderar på om det finns något sätt för att visa en bild (gif/jpg) istället om besökaren av någon anledning inte har stöd för den CSS jag använder. Någon som vet hur man kan göra?

[Jonas]

Originally posted by 1337pm@Jun 11 2005, 18:28
Jag använder CSS/boxar för att visa vad som ser ut som en bild med rundade hörn. Jag funderar på om det finns något sätt för att visa en bild (gif/jpg) istället om besökaren av någon anledning inte har stöd för den CSS jag använder. Någon som vet hur man kan göra?

Menar du `-moz-border-radius` den fungerar bara specifikt med Firefox.

för att få rundade hörn i IE så krävs det bilder :/

[Header]

Ursprungligen postat av Jonas

Menar du `-moz-border-radius` den fungerar bara specifikt med Firefox.
för att få rundade hörn i IE så krävs det bilder :/

Njae! om du vill ha runda hörn i en box kan man skriva tex så här

#container {background: #ABABAB;}
.roundtop {background: #FFFFFF;}
.roundbottom {background: #FFFFFF;}
.r1{margin: 0 5px; height: 1px; overflow: hidden; background: #ABABAB;}
.r2{margin: 0 3px; height: 1px; overflow: hidden; background: #ABABAB;}
.r3{margin: 0 2px; height: 1px; overflow: hidden; background: #ABABAB;}
.r4{margin: 0 1px; height: 2px; overflow: hidden; background: #ABABAB;}
.content {padding: 10px;}

Och det fungerar alldeles utmärkt även i IE.

[1337pm]

Det var den senare metoden jag åsyftade. Funderar på hur jag kan gardera mig mot att layouten bryts om besökaren inte har stöd för CSS.