HTML+CSS
czh304gw
这个作者很懒,什么都没留下…
展开
-
关于css布局的一些收集
渐进增强式布局探讨http://archive.cnblogs.com/a/1938562/ http://dreamstep.cn/archives/680 layoutgala http://blog.html.it/layoutgala/原创 2012-04-25 19:31:27 · 75 阅读 · 0 评论 -
收集三种Tip中的指示箭头实现
下面是收集来的三种实现tip中指示箭头的方法: 第一:用css的border属性实现三角 http://www.css88.com/archives/1875 第二:用“◆”(encode为:◆)字符模拟 http://www.css88.com/archives/3904 第三:终极方案...原创 2012-04-21 17:58:03 · 209 阅读 · 0 评论 -
IE下div被object、embed元素覆盖
IE下无论div的z-index值设置多大,都会被object、embed覆盖,解决的办法是:如果是object则加上:<param name="wmode" value="transparent"> 如果是embed则加上:wmode="transparent"...原创 2012-10-28 10:06:09 · 640 阅读 · 0 评论 -
ie6 overflow-y:auto BUG修复
ie6里面如果设置元素为横向滚动条隐藏,竖向滚动条显示,如果改原始内有元素设置position:relative;或者position:absolute;样式,那么ie6里面的竖向滚动条就会失效。解决办法:设置该元素为position:relative;top:0;left:0;即可解决次BUG!...原创 2012-06-06 13:17:36 · 134 阅读 · 0 评论 -
img图片元素下多余空白BUG解决方案(转)
在进行页面的DIV+CSS排版时,遇到IE6(当然有时Firefox下也会偶遇)浏览器中的图片元素img下出现多余空白的问题绝对是常见的对于该问题的解决方法也是“见机行事”。 1、将图片转换为块级对象即,设置img为“display:block;”。在本例中添加一组CSS代码:“#sub img {display:block;}”。 2、设置图片的垂直对齐方式即...原创 2012-05-22 19:30:23 · 112 阅读 · 0 评论 -
IE6/7下IE下块元素如何实现display:inline-block 的效果
我们知道display:inline-block在IE6/7只对行内元素有作用,那么如何才能实现它对块元素的作用呢?有两种方法如下: 方法一: .selector { display: inline-block }.selector { *display: inline } 注意要分开两个容器写,这个IE的bug,先定义了 display:inline-block,然...原创 2012-05-20 21:44:23 · 184 阅读 · 0 评论 -
IE6下border-bottom不起作用?
在IE6下,border-bottom:1px solid #000不起作用,但border:1px solid #000其作用。(经过测试,对于borde-top也有效)解决方案:为了使得border-bottom:1px solid #CCC起作用,可以添加一段css,如下:_display:inline-block;...原创 2012-05-20 21:20:01 · 278 阅读 · 0 评论 -
ie6 绝对定位的容器使用百分比定位发生错位的解决方法
子容器需要绝对定位,然后用left:xx%或者top:xx%;来定位,而且父容器是不限定宽度和高度的。如果碰到ie6会发错错位。 解决办法就一句话,在父容器加条样式: width:100%; 或者 height:100%;...原创 2012-05-06 10:24:05 · 161 阅读 · 0 评论 -
'text-align' 特性在 IE6 IE7 IE8(Q) 中可以影响块级元素的对齐方式
根据 CSS 2.1 规范中的描述,'text-align' 特性描述了一个块的行内内容的对齐方式。'text-align' 特性具备继承性,可以应用于块级元素、表格单元格及行内块级元素。 也就是说,'text-align' 可以应用到块级元素、表格单元格及行内块级元素上,但仅对它们的行内内容起作用。 在更早版本的 CSS 1 规范中却规定,'text-align' 只...原创 2012-05-04 23:23:10 · 180 阅读 · 0 评论 -
IE6/7下tr的border边框bug
今天做页面的时候才发现一个一直都没发现的bug: 在IE6/7下给tr设置边框(border)的时候,并不会收到任何效果。 上网找了一下有一下解决方法: 将table设置border-collapse:collapse,然后再td设置边框,而不是tr,这样就可以实现相同的效果,兼IE6/7。...原创 2012-05-04 14:37:00 · 108 阅读 · 0 评论 -
firefox下Table单元格td的position:relative的兼容性
firefox下Table单元格td设置position:relative属性,其子容器中用position:absolute失效: http://stackoverflow.com/questions/4564638/using-position-relative-absolute-within-a-td原创 2012-04-26 08:51:08 · 187 阅读 · 0 评论 -
IE67绝对定位的bug及其解决办法
IE67绝对定位的bug及其解决办法。position:absolute定位在IE6下存在left和bottom的定位错误问题: 解决办法有两种:1、给父层设置zoom:1触发layout。 2、给父层设置宽度/高度(width/height )。...原创 2012-09-23 10:32:37 · 104 阅读 · 0 评论