Share six classic tips for CSS-CSS Tutorial-php.cn

Share six classic tips for CSS

零下一度

Release： 2017-05-10 11:57:39

Original

1265 people have browsed it

Other tips and experience list (*The default running environment of the following examples is Standard mode):

How to make the layer display on falsh?

Method:

<param name="wmode" value="transparent" />

设置flash的wmode值为transparent或opaque

Copy after login

How to insert flash on the page using standard methods?

Method:

<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里设置

Copy after login

How to select the checkbox or radio button when clicking text?

Method 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>

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

Copy after login

Method 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及更早浏览器不支持

Copy after login

How to switch between Standard Mode and Quirks Mode in IE?

Trigger for IE6 (add XML declaration before DTD declaration):

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

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

Copy after login

Trigger for all IE versions (add HTML comment before DTD declaration):

<!-- Let IE into quirks mode -->
<!DOCTYPE html>

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

Copy after login

How to distinguish display:none from visibility:hidden?

Method:

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

Copy after login

How to set the iframe background transparent under IE?

Method:

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

Copy after login

To be continued and revised. . .

【Related recommendations】

1. Free css online video tutorial

2. css online manual

3. php.cn Dugu Jiujian (2)-css video tutorial

The above is the detailed content of Share six classic tips for CSS. For more information, please follow other related articles on the PHP Chinese website!