WN

WN (https://www.wn.se/forum/index.php)
-   Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)
-   -   Ersätta box med bild (https://www.wn.se/forum/showthread.php?t=8424)

1337pm 2005-06-11 19: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?

Jonas 2005-06-11 21:36

Citat:

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 2005-06-11 22:37

Citat:

Ursprungligen postat av Jonas
Citat:

Ursprungligen postat av 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?

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 2005-06-15 19:43

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.


Alla tider är GMT +2. Klockan är nu 06:23.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson