web前端开发中浏览器兼容问题（四）

 

16.连接访问后hover样式就不出现

• 被点击访问过的超连接样式不在具备hover和active了,不少人应该都遇到过这个问题。

• 解决方法是改变CSS属性的排列顺序: L-V-H-A

例:

<style type="text/css">

a:link {}

a:visited {}

a:hover {}

a:active {}

</style>   

：link 选择器          设置指向未被访问的连接样式

：visited选择器     设置已被访问的页面的连接

：hover 选择器      用于鼠标指针浮动在上面的元素

：active选择器       用于活动连接

注释：在 CSS 定义中，:hover 必须位于 :link 和 :visited 以后（若是存在的话），这样样式才能生效

17.游标手指cursor

• cursor: pointer      能够同时在 IE FF 中显示游标手指状

• cursor: hand          仅 IE 能够 

18.UL的padding与margin

• ul标签在FF中默认是有padding值的,而在IE中只有margin默认有值,因此先定义： ul{margin:0;padding:0;}，就能解决大部分问题 。 

19.form标签

• 这个标签在IE中,将会自动margin一些边距,而在FF中margin则是0,所以,若是想显示一致,因此最好在css中指定margin和 padding,针对上面两个问题,个人css中通常首先都使用这样的样式ul,form{margin:0;padding:0;}。

20.box模型解释不一致问题

• 在FF和IE 中的BOX模型解释不一致致使相差2px解决方法：

       div{

margin:30px!important;

margin:28px;

        }

•  注意这两个 margin的顺序必定不能写反， important这个属性IE6不能识别，但别的浏览器能够识别。因此在IE6下其实解释成这样：

       div {

maring:30px;

margin:28px

       }

• 重复定义的话按照最后一个来执行。