WN

WN (https://www.wn.se/forum/index.php)
-   Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)
-   -   när använda CSS2 respektive jQuery (https://www.wn.se/forum/showthread.php?t=25011)

allstars 2007-11-13 12:18

CSS2 stöds, som bekant, varken inte av IE6 eller IE7.
Jag använder CSS2 för att visa en liten ikon på länkar om de är dokumentlänkar eller externa länkar.
För att visa detta i IE så använder jag conditional comments.

Detta är kanske overkill?! Det är kanske smidigare att endast använda Jquery rätt av, får då blir det alltid rätt ( förutom om man inte har Javascript aktiverat ).

Synpunkter?!

Arood 2007-11-14 13:04

Det finns ingen som säger att CSS2 inte stöds alls av IE. Däremot stöds det inte fullständigt. Visa lite kod över hur du får det att fungera i övriga webbläsare.

allstars 2007-11-14 17:31

#content a[href ^='http:'] { padding-right: 18px; background: transparent url(../gfx/icons/link_ext.gif) no-repeat center right; }
#content a[href $='.pdf'] { padding-right: 18px; background: transparent url(../gfx/icons/link_pdf.gif) no-repeat center right; }
#content a[href $='.doc'] { padding-right: 18px; background: transparent url(../gfx/icons/link_word.gif) no-repeat center right; }
#content a[href $='.xls'] { padding-right: 18px; background: transparent url(../gfx/icons/link_excel.gif) no-repeat center right; }
#content a[href $='.jpg'],
#content a[href $='.gif'],
#content a[href $='.bmp'],
#content a[href $='.png']{ padding-right: 18px; background: transparent url(../gfx/icons/link_image.gif) no-repeat center right; }
#content a[href ^='mailto:'] { padding-right: 18px; background: transparent url(../gfx/icons/link_mail.gif) no-repeat center right; }
^ Detta stödjs ej av IE.

för att visa i ie använder jag Conditional Comments där jag lägger in jQuerykod (javascript) som gör att det fungerar.

Och frågan är om det är bättre att göra med jQuery-endast, istället för Conditional Comments.

kullervo 2007-11-14 20:05

Glöm inte bort server-side-alternativet.

martine 2007-11-14 22:37

Citat:

Originally posted by allstars@Nov 14 2007, 18:31
för att visa i ie använder jag Conditional Comments där jag lägger in jQuerykod (javascript) som gör att det fungerar.

Och frågan är om det är bättre att göra med jQuery-endast, istället för Conditional Comments.

Skulle nog tro att css är lite effektivare än javascript och att inte belasta webläsare som klarar av css2 med onödigt skript är nog bra.

Jag har dessutom för mig att IE 7 klarar de flesta om inte alla attribut-selektorer och i så fall så är det väl kanske till och med att fundera på att strunta i en sådan liten detalj nu när IE 6 och tidigare minskar i användning. Det är ju inte inte en nödvändig funktionen utan snarare det "lilla extra". Jag har börjat göra detta numer alltoftare så länge det inte krävs av uppdragsgivaren och inte är något som förstör designen eller funktionaliteten.

Kan det tänkas att det inte fungerar för att du använder enkel-citationstecken '.jpg' istället för dubbla ".jpg", jag har inte stött på enkla tecken förut… (Har för mig att transparent som färg inte heller stöds av IE men det kan man ju bara ta bort.)

allstars 2007-11-15 16:08

helt rätt martine; IE7 klarade attribut bara jag ändrade till citationstecken.

Vidare tycker jag också att du har en poäng med att strunta i IE6 och andra (äldre) webbläsare som inte stödjer CCS2

Tack!

martine 2007-11-15 20:06

Citat:

Originally posted by allstars@Nov 15 2007, 17:08
helt rätt martine; IE7 klarade attribut bara jag ändrade till citationstecken.

Vidare tycker jag också att du har en poäng med att strunta i IE6 och andra (äldre) webbläsare som inte stödjer CCS2

Kanske värt att påpeka att inte heller IE 7 stöder CSS 2 helt ut… (Även om, som tur är, det mesta fungerar.)


Alla tider är GMT +2. Klockan är nu 20:54.

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