web前端开发中浏览器兼容问题(四)

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

•被点击访问过的超链接样式不在具有hover和active了,很多人应该都遇到过这个问题

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

例:

a:link {}

a:visited {}

a:hover {}

a:active {}

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

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

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

active选择器用于活动链接

注释:在CSS 定义中,:hover 必须位于 :link 和 :visited 之后(如果存在的话),这样样式才能生效

17.游标手指cursor

cursor: pointer可以同时在IE FF中显示游标手指状

cursor: handIE可以

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

}

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容