css的兼容性一般都是前端初学者面临的一个头疼的问题,难免写出来的css在各个浏览器下的效果均有不同,于是乎各种csshack写法出来了,其实在一个规范的项目开发中,csshack都是提倡能不用则尽量不用,因为产生兼容性问题的时候很多情况是写法不规范引起的,但也确实存在一些浏览器本身的bug,特别是万恶的IE。
小知识:什么是CSShack?
由于不同的浏览器,比如IE6、IE7、IE8、Firefox等,对CSS的解析认识不一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果。这个时候我们就需要针对不同的浏览器去写不同的CSS,让它能够同时兼容不同的浏览器,能在不同的浏览器中也能得到我们想要的页面效果。这个针对不同的浏览器写不同的CSScode的过程,就叫CSShack,也叫写CSShack。

1、如果你的页面对IE7兼容没有问题,又不想大量修改现有代码,同时又能在IE8中正常使用,微软声称,开发商仅需要在目前兼容IE7的网站上添加一行代码即可解决问题,此代码如下:<metahttp-equiv=”x-ua-compatible”content=”ie=7″/>2、body:nth-of-type(1)如果这样写,表示全局查找body,将会对应第一个<body>。3、还有其他写法,比如:*htmltest{}4、*+html对IE7的hack必须保证HTML顶部有如下声明:http://www.w3.org/TR/html4/loose.dtd5、顺序:Firefox、IE8、IE7、IE6依次排列。
以下两种方法几乎能解决现今所有HACK1.!important随着IE7对!important的支持,!important方法现在只针对IE6的HACK。(注意写法,记得该声明位置需要提前)
2.IE6/IE77对FireFox*+html与*html是IE特有的标签,firefox不支持,而*+html又为IE7特有标签。
将以下代码加入CSS中,给需要闭合的div加上即可,屡试不爽。
本文来源:独立服务器--ie678FFchrome的css兼容性
本文地址:https://www.idcbaba.com/duli/3104.html
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 1919100645@qq.com 举报,一经查实,本站将立刻删除。



