CSS在IE中的奇怪BUG

html-css011

CSS在IE中的奇怪BUG,第1张

.menu ul li a,.menu ul li a:link,.menu ul li a:visited,.menu ul li a:active,.menu ul li a:hover {padding:3px 7px 3px 7pxline-height:26pxcolor:#ffftext-align:center}

.menu ul li a:hover,.menu ul li a.nonce{color:#fffbackground:url(../images/menu_libg.gif) repeat-xtext-decoration:none}

这两句有点问题,

a的定义要按照a:link,a:visited,a:hover,a:active 的顺序来定义,才不容易出错。

另外,你a就不要再另外定义了。

.layout_left ul a:hover img {width:120pxheight:150pxborder:2px #f60 solid}

应该是这句定义了图片的hover样式吧。

建议这样写,简单方便,不会出错。只是个例子,lz根据具体的去修改吧

.bb a.aa:link,.bb a.aa:visited{ border:2px solid #999}

.bb a.aa:hover,.bb a.aa:action{ border:2px solid #f60}

LZ的页面会带来你自己提到的这些问题,我就说怎么解决吧。

1、#divlogin #yuyan .topbian1加上下面的属性

{font:Arialfont-size:0pxline-height:0pxoverflow:hidden}

2、我不知道你发没发现IE6下字体不对齐,因为a标签是内联元素,中文文字基线和英文文字基线的对齐是不一样的。所以导致IE6下中文高于英文。

暂无合适解决办法:

(1) 可以换种布局

(2) 在定义字体首选tahoma可以减少一些对不起。

{font-family:tahoma, Arial, Helvetica, sans-serif}

PS: 我没看懂你这个页面,字体中居然没有宋体,编码居然不用utf-8。令人费解......难道不是给国人做的网站?