IE浏览器没有正确渲染<A>标签

问题描述：

已解决：无所谓，链接被访问，访问链接的边框定义丢失（正如有人指出的，谢谢）。至于边框定义中的第一个颜色，片段来自IE开发工具栏，这不是我的代码。无论如何，谢谢你们！IE浏览器没有正确渲染<A>标签

为什么下面的代码片段中的链接没有用虚线划线，正如预期的那样，并且与ff一样？

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML Strict//EN"><META http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 

<HTML xmlns="http://www.w3.org/1999/xhtml"> 
<HEAD><STYLE> 

/* Rule 1 of css/style.css */ 
* { 
    PADDING-RIGHT: 0px; 
    PADDING-LEFT: 0px; 
    PADDING-BOTTOM: 0px; 
    MARGIN: 0px; 
    PADDING-TOP: 0px; 
    FONT-FAMILY: "trebuchet ms", Arial, Helvetica, sans-serif 
} 

/* Rule 26 of css/style.css */ 
#main { 
    PADDING-RIGHT: 15px; 
    PADDING-LEFT: 15px; 
    PADDING-BOTTOM: 15px; 
    PADDING-TOP: 15px 
} 

/* Rule 12 of css/style.css */ 
#page { 
    BORDER-RIGHT: #555 1px solid; 
    PADDING-RIGHT: 0px; 
    BORDER-TOP: #555 1px solid; 
    PADDING-LEFT: 0px; 
    BACKGROUND: #fff; 
    PADDING-BOTTOM: 0px; 
    MARGIN: 50px auto; 
    BORDER-LEFT: #555 1px solid; 
    WIDTH: 752px; 
    PADDING-TOP: 0px; 
    BORDER-BOTTOM: #555 1px solid 
} 

/* Rule 2 of css/style.css */ 
BODY { 
    BACKGROUND: url(bg.gif) #ebeeff repeat-y center 50% 
} 

/* Rule 35 of css/style.css */ 
#main A:link { 
    COLOR: #437fda; 
    BORDER-BOTTOM: #437fda 1px dashed; 
    TEXT-DECORATION: none 
} 

</STYLE></HEAD> 
<BODY><DIV id="page"><DIV id="main"><TABLE><TBODY><TR><TD> 
<A href="http://www.immo-brasseurs.com/coords.php?num=37">Test link </A> 
</TD></TR></TBODY></TABLE></DIV></DIV></BODY></HTML>

XHTML，定义了所有小写标签名。如果使用该DTD将其解析为XML，则您的代码将生成错误。 – amphetamachine 2010-05-08 21:09:26

答

您可能还想为访问链接设置样式。

而且，我不认为你应该使用*{...}

它工作正常，在FF3。

更改为：

#main A:link, A:Visited { 

COLOR: #437fda; 

BORDER-BOTTOM: #437fda 1px dashed; 

TEXT-DECORATION: none 

}

而变化：

* { 

PADDING-RIGHT: 0px; 

PADDING-LEFT: 0px; 

PADDING-BOTTOM: 0px; 

MARGIN: 0px; 

PADDING-TOP: 0px; 

FONT-FAMILY: "trebuchet ms", Arial, Helvetica, sans-serif 

}

为

body { 

PADDING-RIGHT: 0px; 

PADDING-LEFT: 0px; 

PADDING-BOTTOM: 0px; 

MARGIN: 0px; 

PADDING-TOP: 0px; 

FONT-FAMILY: "trebuchet ms", Arial, Helvetica, sans-serif 

}

问题的标题似乎表明OP正在测试IE的一个版本。什么版本是任何人猜测。 – 2008-11-20 23:41:45

答

我怀疑这是因为链接是一个内联元素。你可以使用display：block吗？

#main A:link { 
    ... 
    display:block 
}

答

尝试使用刚刚#main a，并添加单独的一个：拜访和：如果你希望以不同风格的悬停选择。

答

您应该先验证它。
你有html和xhtml的混合，html标签以外的元标签，没有所需的类型属性的样式标签，仅举几例，这只是给你一个痛苦的世界。

答

是

#main a { 
color:#437fda; 
border-bottom: 1px solid #437fda; 
text-decoration:none; 
} 

#main a:visited { 
color:#437fda; 
border-bottom: 1px solid #437fda; 
text-decoration:none; 
}

IE浏览器没有正确渲染标签

相关推荐