![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css兼容
LLLL765
这个作者很懒,什么都没留下…
展开
-
IE6浏览器常见兼容问题汇总
1、文档类型声明没有写声明时,会促发ie的怪异解析2、内外边距使用reset.css对样式进行清除3、横向双倍marginIE6中设置元素浮动后,会出现横向双倍margin值添加display:inline;4、当文字高度超过盒模型的时候,会影响布局设置overflow:hidden 或者设置文字行高小于盒模型5、img外部边框当img外部有a标签的时原创 2016-02-20 12:39:28 · 353 阅读 · 0 评论 -
table的td/th宽度兼容问题(谷歌下)
问题:样式为上面图中居中,但是当table的display:”none“之后再设置”block“,就会出现下图中的情况。原因:使用了tbody的 隐藏方式 style="display: none"谷歌内核在处理display: none 变成display: block的过程中只是把一个tr中的所有td 挤到对应的第一个td中 后面的空间不会解析解决办法:控制原创 2016-02-25 13:56:47 · 1454 阅读 · 0 评论 -
谷歌兼容问题
1、img标签在谷歌中会有默认边框解决方法:不使用img标签,用其他标签+background:url()来替代2、select option 下拉框中,text-align不能实现居中解决办法:transform: translateX(50%);然后沿X轴移动父元素的50%width: 50%; 让整个的宽度为50%;其他谷歌中的居中实原创 2016-02-18 16:34:51 · 747 阅读 · 0 评论 -
a标签点击后的虚线框
聚焦a标签时,会出现一个虚线框。这个框不同于border的是,它是不占有任何宽度的。当你取消焦点的时候,这个虚线框就会自然消失。解决办法:1、添加outline:none但是对ie6,ie7无效2、在a标签里加入js控制,当a标签聚焦时,取消焦点。a href="#" onfocus="this.blur();">测试3、在css中加入4、a标签中加入hid原创 2016-02-28 13:28:54 · 515 阅读 · 0 评论 -
ie6、7下inline-block
1、inline元素(比如span,em等)的display属性设置为inline-block时,所有的浏览器都支持;2、block元素的display属性设置为inline-block时,IE6/IE7浏览器是不支持的;如果是内联元素使用了inline-block,那所有的浏览器显示都是正常的。(ie6、ie7中对内联元素使用display:inline-block,IE是不识别的,但使转载 2016-05-02 21:43:26 · 284 阅读 · 0 评论 -
visibility与display
(1)visibility 属性:collapse:当在表格元素中使用时,此值可删除一行或一列,但是它不会影响表格的布局。被行或列占据的空间会留给其他内容使用。如果此值被用在其他的元素上,display: none相同。hidden:相当于display: none,但仍然占用页面空间。visible:默认值。元素是可见的。(2)display原创 2016-05-02 22:18:22 · 263 阅读 · 0 评论