扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
本文小编为大家详细介绍“DIV CSS HACK和浏览器兼容的方法有哪些”，内容详细，步骤清晰，细节处理妥当，希望这篇“DIV CSS HACK和浏览器兼容的方法有哪些”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。
创新互联网站建设公司是一家服务多年做网站建设策划设计制作的公司,为广大用户提供了成都网站设计、成都网站建设、外贸网站建设，成都网站设计，一元广告，成都做网站选创新互联，贴合企业需求，高性价比，满足客户不同层次的需求一站式服务欢迎致电。
一. 先容
这篇文章包括了8个尤为有用的图谋方法, 在进行css设计碰着问题时你就会用到它们.
二. 针对浏览器的选择器
这些选择器在你须要针对某款涉猎器进行css设计时将非常有用.
IE6及其更低版本
* html {}IE7及其更低版本
*:first-child+html {} * html {}仅针对IE7
*:first-child+html {}IE7和现代浏览器
html>body{}仅古代浏览器(IE7不实用)
html>/**/body{}Opera9及其更低版本
html:first-child {}Safari
html[xmlns*=""] body:last-child {}要运用这些选择器,请将它们放在格局畴前. 好比:
#content-box {width:300px;height:150px;} * html #content-box {width: 250px; } /* overrides the above style and changes the width to 250px in IE 6 and below */三. 让IE6赞成PNG透明
一个IE6的Bug惹起了毒品烦, 他不赞成通明的PNG图片.(css实现ie6 png图片通明)
你需求使用一个css滤镜
*html #image-style {background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="fil ename.png", sizingMethod="scale");}四. 移除超链接的虚线(仅对FF有用)
FireFox下,当你点击一个超链接时会在核心出现一个虚线外观. 这很容易管理, 只重要在标签技俩中列入 outline:none .
a{outline: none;}五. 给行内元素定义宽度
假如你给一个行内元素定义宽度,那末它只是在IE6下有效. 一切的HTML元素要么是行内元素要么就好是块元素. 行内元素包括: , , 和 . 块元素包括 , , ,
尔后你必要定义外层div的min-width属性
.container {min-width:300px;}这时该是IE hack大显才智的时辰了. 你须要包含下列的代码:
* html .container {border-right: 300px solid #FFF;} * html .holder {display: inline-block;position: relative;margin-right: -300px;}随着浏览器窗口大小的外层div宽度消沉，以适应直到它缩小到了边框的宽度，此时它不会进一步萎缩的。持有人DIV跟风，也终止萎缩。外层的div边框宽度成为内div的最小宽度。
九. 潜藏水准滚动条
为了防范出现水平转折条, 在body里参与 overflow-x:hidden .
body { overflow-x: hidden; }读到这里，这篇“DIV CSS HACK和浏览器兼容的方法有哪些”文章已经介绍完毕，想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会，如果想了解更多相关内容的文章，欢迎关注创新互联行业资讯频道。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网