CSS 其他技巧
说明:本文档兼容性测试基础环境为:windows系统;IE6-IE10, Firefox6.0, Chrome13.0, Safari5.1, Opera11.51
其它技巧和经验列表(以下实例默认运行环境都为Standard mode):
-
如何让层在falsh上显示?
方法:
<param name="wmode" value="transparent" />
设置flash的wmode值为transparent或opaque
-
如何使用标准的方法在页面上插入flash?
方法:
<object id="flash-show" type="application/x-shockwave-flash" data="*.swf"> <param name="movie" value="*.swf" /> <param name="wmode" value="transparent" /> <img src="*.jpg" alt="用于不支持flash或屏蔽flash时显示" /> </object>
至于flash的宽高可以在css里设置
-
如何在点文字时也选中复选框或单选框?
方法1:
<input type="checkbox" id="chk1" name="chk" /><label for="chk1">选项一</label> <input type="checkbox" id="chk2" name="chk" /><label for="chk2">选项二</label> <input type="radio" id="rad1" name="rad" /><label for="rad1">选项一</label> <input type="radio" id="rad2" name="rad" /><label for="rad2">选项二</label>
该方式所有主流浏览器都支持
方法2:
<label><input type="checkbox" name="chk" />选项一</label> <label><input type="checkbox" name="chk" />选项二</label> <label><input type="radio" name="rad" />选项一</label> <label><input type="radio" name="rad" />选项二</label>
该方式相比方法1更简洁,但IE6及更早浏览器不支持
-
IE下如何对Standard Mode与Quirks Mode进行切换?
IE6的触发(在DTD申明前加上XML申明):
<?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html>
IE5.5及更早浏览器版本直接以Quirks Mode解析。
所有IE版本的触发(在DTD申明前加上HTML注释):
<!-- Let IE into quirks mode --> <!DOCTYPE html>
当没有DTD声明时,所有IE版本也会进入Quirks Mode。
-
如何区别display:none与visibility:hidden?
方法:
相同的是display:none与visibility:hidden都可以用来隐藏某个元素; 不同的是display:none在隐藏元素的时候,将其占位空间也去掉;而visibility:hidden只是隐藏了内容而已,其占位空间仍然保留。 -
如何设置IE下的iframe背景透明?
方法:
设置iframe元素的标签属性allowtransparency="allowtransparency"然后设置iframe内部页面的body背景色为transparent。 不过由此会引发IE下一些其它问题,如:设置透明后的iframe将不能遮住select