CSS其它技巧和经验列表

以你之姓@ 2021-06-26 16:06 339阅读 0赞

其它技巧和经验列表（以下实例默认运行环境都为Standard mode）：

**1、如何让层在flash上显示？**  
方法：

设置`flash`的`wmode`值为`transparent`或`opaque`

**2、如何使用标准的方法在页面上插入`flash`？**

方法：

至于`flash`的宽高可以在`css`里设置

**3、如何在点文字时也选中复选框或单选框？**

方法1：

该方式所有主流浏览器都支持

方法2：

该方式相比方法1更简洁，但IE6及更早浏览器不支持

**4、IE下如何对Standard Mode与Quirks Mode进行切换？**

IE6的触发（在DTD申明前加上`XML`申明）：

<?xml version="1.0" encoding="utf-8"?>
    <!DOCTYPE html>

IE5.5及更早浏览器版本直接以Quirks Mode解析。

所有IE版本的触发（在DTD申明前加上HTML注释）：

<!DOCTYPE html>

当没有DTD声明时，所有IE版本也会进入Quirks Mode。

**5、如何区别`display:none`与`visibility:hidden`？**

方法：  
相同的是`display:none`与`visibility:hidden`都可以用来隐藏某个元素； 不同的是`display:none`在隐藏元素的时候，将其占位空间也去掉；而`visibility:hidden`只是隐藏了内容而已，其占位空间仍然保留。

**6、如何设置IE下的`iframe`背景透明？**

方法：  
设置`iframe`元素的标签属性`allowtransparency="allowtransparency"`然后设置`iframe`内部页面的`body`背景色为`transparent`。 不过由此会引发IE下一些其它问题，如：设置透明后的`iframe`将不能遮住`select`