Div+css IE 火狐兼容问题集锦(10)

#menu7 li a:visited { color: #000; display: block; font-weight:bold;

background-color:#CCCCCC; border-top:1px solid #fff;

/*border-left:1px solid #333333; border-bottom:1px solid #333; border-right:1px solid #333;*/ padding: 8px 0 0 20px; }

*html #menu7 li a:visited { color: #000; display: block; font-weight:bold;

background-color:#CCCCCC; border-top:1px solid #fff;

/*border-left:1px solid #333333; border-bottom:1px solid #333; border-right:1px solid #333;*/ padding: 8px 0 0 10px; }

*+html #menu7 li a:visited { color: #000; display: block; font-weight:bold;

background-color:#CCCCCC; border-top:1px solid #fff;

/*border-left:1px solid #333333; border-bottom:1px solid #333; border-right:1px solid #333;*/ padding: 8px 0 0 60px; }

#menu7 li a:hover{

color:#FF0000;

/*text-decoration:underline;*/ background-color:#E6E6E6; font-weight:bold;

border-top:1px solid #fff; /*border-left:1px solid #333; border-bottom:1px solid #333;

border-right:1px solid #333;*/ padding: 8px 0 0 20px; }

*html #menu7 li a:hover{ color:#FF0000;

/*text-decoration:underline;*/ background-color:#E6E6E6; font-weight:bold;

border-top:1px solid #fff; /*border-left:1px solid #333; border-bottom:1px solid #333; border-right:1px solid #333;*/ padding: 8px 0 0 10px; }

*+html #menu7 li a:hover{ color:#FF0000;

/*text-decoration:underline;*/ background-color:#E6E6E6; font-weight:bold;

border-top:1px solid #fff; /*border-left:1px solid #333; border-bottom:1px solid #333; border-right:1px solid #333;*/ padding: 8px 0 0 60px; }

注意，如果多个css属性并列，则需要分别加上识别标签。如下： #menuleft li a:link,#menuleft li a:visited { float: none;

text-align: left; color: #000;

background: url(../images/arrow3.gif) no-repeat 90% 50%; background-color:#CFF3F6; padding-top: 8px; padding-left: 20px; }

*html #menuleft li a:link, *html #menuleft li a:visited { float: none;

text-align: left; color: #000;

background: url(../images/arrow3.gif) no-repeat 90% 50%;

background-color:#CFF3F6; padding-top: 8px; padding-left: 10px; }

*+html #menuleft li a:link, *+html #menuleft li a:visited { float: none;

text-align: left; color: #000;

background: url(../images/arrow3.gif) no-repeat 90% 50%; background-color:#CFF3F6; padding-top: 8px; padding-left: 50px; }

注意：在属性内部加*、*+不起作用。如下是错误的： #menu7 li a:visited { color: #000; display: block; font-weight:bold;

background-color:#CCCCCC; border-top:1px solid #fff;

/*border-left:1px solid #333333; border-bottom:1px solid #333; border-right:1px solid #333;*/ padding: 8px 0 0 20px; *padding:8px 0 0 10px; *+padding:8px 0 0 60px; }

下面是抄过来的一些技巧：

一、CSS HACK

以下两种方法几乎能解决现今所有HACK.

1, !important

随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.)

2, IE6/IE7对FireFox

*+html 与 *html 是IE特有的标签, firefox 暂不支持.而*+html 又为 IE7特有标签.

注意:*+html 对IE7的HACK 必须保证HTML顶部有如下声明： …… 此处隐藏：802字，全部文档内容请下载后查看。喜欢就下载吧 ……