首页 >web前端 >css教程 >分享css的六个经典小技巧

分享css的六个经典小技巧

零下一度原创: 2017-05-10 11:57:391289浏览

其它技巧和经验列表（*以下实例默认运行环境都为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" />
 ![](*.jpg)
</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

待续及修订。。。

【相关推荐】

1. 免费css在线视频教程

2. css在线手册

3. php.cn独孤九贱（2）－css视频教程

以上是分享css的六个经典小技巧的详细内容。更多信息请关注PHP中文网其他相关文章！

声明：

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

上一篇：浮动的定义与浮动的清除(BFC)下一篇：什么是Viewport和device-width？

查看更多