Question

已解决：没关系，访问了链接，访问过的链接缺少边框定义（有人指出，谢谢）。至于颜色在边框定义中的第一位，代码片段来自IE Developper Toolbar，这不是我的代码。无论如何，谢谢你们！

为什么以下代码段中的链接不会使用虚线下划线，正如预期和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>

Answer 1

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

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

在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

}

Answer 2

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

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

Answer 3

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

Answer 4

尝试仅使用#main a，并添加单独的a：visited和a：hover选择器，如果您想以不同方式设置样式。

Answer 5

它是

#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无法呈现<a> tag properly</a>

5 个答案: