Comment Internet Explorer 8 prend-il en charge l'attribut de contour CSS?

Le website indique qu'il est pris en charge, mais le style suivant ne s'affiche pas.Comment Internet Explorer 8 prend-il en charge l'attribut de contour CSS?


    <style type="text/css"> 
     a[href="#"]{outline:#f00 dotted 2px !important} 
    </style>

cependant, ce qui suit rendra


    <style type="text/css"> 
     a[href="#"]{border:#f00 dotted 2px !important} 
    </style>

Voici mon document


<?xml version="1.0" encoding="UTF-8"?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title>...</title> 
    <link type="text/css" rel="stylesheet" href="../content/style.css" /> 

</head> 
<body>...</body> 
</html>

Source

2009-10-08 Dave

Etes-vous sûr que la règle est appliquée? Je pense que IE8 supporte les sélecteurs d'attribut (http://www.quirksmode.org/css/contents.html), mais cela vaut la peine d'être vérifié. –

il est pris en charge uniquement en mode standard ... quel est le mode de rendu de votre page? –

doctype est xhtml 1.0 strict – Dave

Vérifiez si le rendu IE8 est conforme. Si vous avez quelque chose comme ce qui suit dans la votre tête, puis les grandes lignes ne fonctionnera pas:

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" >

IE8 par défaut également en mode Quirks si votre balise DOCTYPE est incorrect, donc vérifier aussi bien. En outre, si vous utilisez IIS, il est possible que le serveur force le mode de compatibilité IE7.

Source

2009-10-08 14:11:11

J'ai ajouté la tête de mon document à ma question originale. Il est xhtml 1.0 strict et il valide – Dave

qui était il, j'avais le mode de compatibilité allumé – Dave

Peut-être parce que le lien ne semble pas dans le navigateur comme # mais comme yourpage.html#

Essayez d'utiliser des extrémités avec:

<style type="text/css"> 
    a[href$="#"]{outline:#f00 dotted 2px !important} 
</style>

Source

2009-10-08 14:04:51

a [href = "#"] {bordure: # f00 pointillé 2px! Important} fonctionne – Dave

@James frontière fonctionne, le contour ne fonctionne pas – Dave

La bordure n'est pas la même chose que le contour. Il signale simplement que le sélecteur qu'il utilise fonctionne pour ses objectifs. –

Comment Internet Explorer 8 prend-il en charge l'attribut de contour CSS?

Répondre

Questions connexes