web前端
文章平均质量分 82
speed_feng
这个作者很懒,什么都没留下…
展开
-
浏览器兼容性经典问题(四) 更好的清除浮动
问题描述: 在你使用css的过程中,多多少少会遇到清除浮动这个问题。 在一个div容器里面,容器中含有一个浮动的div,在浮动元素后面还有一些块元素。如果浮动的高度大于容器被非浮动元素撑开的高度,那么浮动元素就会超出容器。具体代码如下。问题代码: body{ padding:0px; margin:0px; }原创 2012-12-03 08:51:55 · 3583 阅读 · 0 评论 -
浏览器兼容性经典问题(二) IE6 3像素bug问题
问题描述: 当相邻的两个元素,一个是浮动的,另一个非浮动,那么在IE6 下面将会产生3像素bug。问题代码: body{ margin:0px; padding:0px; } #left原创 2012-11-16 11:36:39 · 3769 阅读 · 0 评论 -
浏览器兼容性经典问题(一) IE6 下双边距问题
问题描述: 一个div盒子如果设置了margin,并且该div设置了float浮动,那么在IE6下便会产生双边距问题:如果设置 float:left 那么左边距会是原来margin的两倍;如果是float:right,那么右边距会是原来margin的两倍。 代码如下:原创 2012-11-15 15:14:14 · 8000 阅读 · 1 评论 -
浏览器兼容性经典问题(三) IE6 不支持min-width属性
问题描述: min-width的使用在流式布局(fluid layout)中是非常常见的,当用户在改变窗口大小的时候,网页内容会随之移动,直到窗口的大小确定位置。这个时候,min-属性变起作用了。可以通过限制min-属性,让页面产生滚动条,进而控制网页内容的位置。 但是非常遗憾的是,在IE6中,并不支持min-属性,需要通过一些特定的办法去解决这个问题。原创 2012-11-22 14:54:13 · 2274 阅读 · 0 评论 -
浏览器兼容性经典问题(五) 元素背景色透明
css中使用rgba可以为元素添加透明度 在IE9 IE9+ 以及支持css3的主浏览器()都已经支持 用法很简单 R G B分别代表 red green blue ; A代表alpha通道 ,用作不透明度例子:背景色为黑色半透明background:rgba(0,0,0,0.5);但是在IE 6 7 8中不支持rgba,所以使用滤镜的方式兼容这些浏览器,这里其实是使原创 2013-08-26 15:52:01 · 716 阅读 · 0 评论 -
浏览器兼容性经典问题(六) text-align的使用
text-align可以使得 行内元素 在 块级元素 中居中参照W3C标准的浏览器 块级元素 在 块级元素 中是无法居中的 这段代码在主流标准浏览器中的效果如下:但是在IE6 IE7 以及 IE8的混杂模式下面却居中了所以为了兼容蛋痛的IE6 7和IE8的混杂模式我们可以用下面的代码实现 居中原创 2013-10-21 11:31:52 · 1573 阅读 · 0 评论