关于IE下CSS链接样式的设置

html-css013

关于IE下CSS链接样式的设置,第1张

如果你想链接开始和点击过后都是一致的，那么可以a{color: #0099CCtext-decoration:none}，但是问题在于你的这个超链接标签<a href=" " ></a>是都是用这个样式还是单独的样式。一般没有整个页面都用一个样式的，所以会加一个class属性值如nav表示导航条链接，就成了<a href=" " class="nav"></a>，此时css要在原来的下面再多加一个

.nav a{color: #0099CCtext-decoration:none}，这样只是变了导航的样式。一般链接有四个状态，分别用a:link,a:hover,a:active,a:visited来定义。当某几个状态要求一致的时候还可以用逗号来合一起成a:link,a:hover,a:active,a:visited{color:#09ctext-decoration:none}但是这样还是定义了所有的a标签，所以单独的还需要使用id或者class里的属性值加标签样式来完成。当<a>中不是class而是id的时候用#id值 a:link,a:hover,a:active,a:visited{}设置。应该是不会出什么问题的啊。

可以在HTML中用if ie条件语句，示例：

<style>

body {background:red}

<!--[if IE]>

body {background:blue}

<![endif]-->

</style>

不过IE10、IE11及以上的IE浏览器已经不支持这种写法了，一般来说它们和标准的现代浏览器差不多，所以也没必要为其加载特殊的CSS样式。

在IE各个版本中的显示不一样的原因是不同版本的IE对css的支持和解释不一样，因为你没说具体的问题所以没法直接帮你解决，但给你提供两个解决思路：

根据你的显示不同，上网查相关的“css hack”，比如padding不同，你可以搜“css hack padding IE7 Firefox”等，这个思路是根据不同的浏览器和版本，给各自写不同的css代码，工作量不会很大。

写一个JavaScript来判断当前浏览器的种类和版本，提前写好不同的css代码，根据浏览器的不同调用不同的css代码。