css样式技巧总汇一

1、在用 :after 方式清除浮动时,切记不要在 content:””; 的引号中加任何字符,包括网上常见方式的点“.”,在opera下会产生问题。
div:after {
? content:””;
? display:block;
? clear:both;
? visibility:hidden;
? height:0;
}

2、opera 不支持 overflow-x 和 overflow-y ,而 IE6,IE7,Firefox,Safari 支持。当使用 overflow-y 来实现某种效果时,要注意 opera 下的表现,折中的方法为先定义 overflow:hidden 属性,在定义overflow-y:auto 或者 overflow-x:auto 属性。当然这仅是折中的方法,必然有他的局限性。

3、background-position 属性定义的顺序为水平位置、垂直位置。比如定义 background-position:top left; 虽然顺序颠倒了位置,但所有的浏览器都能识别。因为 top 和 left 为可识别位置属性,但如果换个定义方式 background-position:20px left; 此属性只会在 IE 中正常显示,在其他浏览器中却认为是无效的定义,难得 IE 的“智能”。

4、垂直居中的实现方法可以看:http://ued.taobao.com/blog/2007/11/20/job_test_explanation/,当使用 diplay:table-cell;vertical-align:middle; 来实现已知大小容器里未知大小图片垂直居中时,放置于 table 中的 td or th 使用是有问题的,此时可以给已知道大小容器加一层div并设置其属性为 display:table;margin:0 auto; 来解决。
暂时只想到4个,想到继续补充^^

赞(0) 打赏
未经允许不得转载:WEB前端开发 » css样式技巧总汇一

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏