代码改变世界

随笔档案-2011年05月

Webkit引擎的hack

2011-05-27 16:25 by rocdu, 389 阅读, 收藏,
摘要： 使用Webkit引擎的浏览器不少，Opera、Safari、Chrome、搜狗做了两种引擎其中一种也是这个。我还是主张能不用hack，还是不要使用hack的好。这东西，对未来的浏览器兼容性都是问号。/* Webkit引擎hack */@media screen and (-webkit-min-device-pixel-ratio:0){ /* 只有Webkit引擎的浏览器可以使用我 */ .test{ border:1px red solid; }} 阅读全文

对透明效果应用的说明

2011-05-13 11:48 by rocdu, 253 阅读, 收藏,
摘要： DIV与TABLE的分别之一就是DIV具有层叠特性。DIV的层叠特性可以让UI设计变得天马行空，层层相叠，透明透底的技术实现是关键的一步。三种透明的方式：1、GIF像素透明图;2、CSS样式透明的调用，filter:alpha(opacity=60)与opacity:0.60属性共用解决浏览器兼容问题(本例透明度60%);3、PNG不规则与色彩渐变透明图。本图为GIF像素透明图:本图播放按钮为PNG圆形透明图，播放按钮下的透明层为CSS控制:PNG的透明图IE6不能友好支持，通过CSS滤镜来现实，但有一点要注意。看下面的路径结构图：style.css代码:background:url(../i 阅读全文

IE6下的text-indent属性BUG解决方法

2011-05-13 10:38 by rocdu, 1242 阅读, 收藏,
摘要： 在下图的CSS实现时出现了IE6的text-indent属性BUG问题。<h2> <span title="搜狐母婴" class="sohu-baby-icon">搜狐母婴</span> 育儿日历—活动早知道</h2>h2{ width:390px; color:#333; margin:0 auto 8px; font:600 14px/16px '宋体'; text-align:left; padding-top:5px; height:19px;}h2 .sohu-baby-icon 阅读全文