ホームページ > 記事 > ウェブフロントエンド > CSSのさまざまな実践スキル

CSSのさまざまな実践スキル

PHPzオリジナル: 2017-04-04 11:04:091020ブラウズ

その他ヒントと経験のリスト (*以下の例のデフォルトの実行環境は標準モードです):

フラッシュでレイヤーを表示するにはどうすればよいですか?

方法:

<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 で標準モードと Quirks モードを切り替えるにはどうすればよいですか?

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。
```

表示の区別方法:なし、可視性:非表示?

メソッド:

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

IEでiframeの背景の透明度を設定するにはどうすればよいですか?

方法:

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

以上がCSSのさまざまな実践スキルの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：ミニオンを描画し、アニメーション効果を実現する純粋な CSS3次の記事：ミニオンを描画し、アニメーション効果を実現する純粋な CSS3

続きを見る