边界底部没有完全穿过

时间:2014-02-20 10:00:05

标签: css

我有一个subnav,每个子菜单项下都有一个border-bottom,当我检查所有浏览器中是否正常时,我注意到在IE7中文本结束的边框底部停止了。

这是我的css

.subnav_wrapper_ul {
background: none repeat scroll 0 0 #00AEEF;
font-size: 13px !important;
position: absolute;
top: 34px;
z-index: 1000;
}

.header-wrapper .main-nav li {
float: left;
list-style: none outside none;
position: relative;
white-space: nowrap;
z-index: 1000;
}
.subnav_wrapper_ul li {
border-bottom: 1px dotted #FFFFFF;
float: none !important;
padding: 0;
width: 100%;
}

如果您还需要我的其他信息,请告诉我

2 个答案:

答案 0 :(得分:0)

border-bottom css属性赋予 ul 元素,而不是单个 li 项。

.subnav_wrapper_ul {
background: none repeat scroll 0 0 #00AEEF;
font-size: 13px !important;
position: absolute;
top: 34px;
z-index: 1000;
border-bottom: 1px dotted #FFFFFF;
}

答案 1 :(得分:0)

我们没有任何链接或任何图片供参考,因此在这种情况下我们都必须猜测。

无论如何,你在谈论子菜单部分。我们可以在这里使用IE7特定的黑客..

*:first-child+html .subnav_wrapper_ul li {
border-bottom: 1px dotted #FFFFFF;
float: none !important;
padding: 0;
width: 100%;
}

目标IE7的另一种方法是:

*border-bottom: 1px dotted #FFFFFF;