ホームページ > ウェブフロントエンド > htmlチュートリアル > 相対マスクレイヤーの作成方法はmaster_html/css_WEB-ITnoseをご覧ください。

相対マスクレイヤーの作成方法はmaster_html/css_WEB-ITnoseをご覧ください。

WBOY
リリース: 2016-06-21 09:44:37
オリジナル
845 人が閲覧しました

<table>  <tr>     <td  style="background-image: url('images/remenbg1.png');" onmouseover="" onmouseout="">           这里当鼠标放到这个Td上的时候,背景图不变,Td显示半透明状态,这些文字不能为透明效果.这里怎么做啊,     </td>  </tr></table>
ログイン後にコピー

このように、
http://sh.qihoo.com/hot/

専門家に聞いてください


ディスカッション (解決策) に返信します

完全な互換性を確保するために、3 つの部分で構成されています
オリジナル構造 隠しマスクテキスト
元の構造にはposition:relativeを使用します。
マスクとテキストにはposition:absoluteを使用します。
必要に応じてマスクの不透明度を設定します。 IEとchrome/では設定方法が異なることに注意してください。 ff
マスクの Z インデックス 10 に設定でき、テキストは 11 に設定されます
上と左に従ってテキストの相対位置を調整します

完全な互換性を確保するために、3 つの部分で構成されています
元の構造 マスクテキスト
元の構造はposition:relative;を使用します
マスクとテキストはposition:absolute;を使用します
マスクの透明度は、必要に応じて設定できます。IEとchrome/では設定方法が異なることに注意してください。 ff
マスクの Z インデックスを 10 に設定し、テキストを 11 に設定できます
テキストの相対位置を上と左に従って適切に調整します

そうですね、つまり、彼は各マスクの位置


完全に互換性がある場合は、3 つの部分で構成されます
元の構造 マスク テキスト
マスクとテキストには、position:absolute; を使用します。 IE と chrome/ff では設定方法が異なることに注意してください。
マスクの z-index は 10 に設定できます。次に、テキストを 11 に設定します。
の相対位置を調整します。テキストは上と左に従って適切になるようにします

そうですね、彼は各マスクの位置を計算するということですか?
いいえ、例を見てみましょう。小さなブロック (ボックス) をマスクする場合は、ボックスに postion:relative; を使用し、次にマスク部分に postion:absolute を使用します。デフォルトは、相対ボックスの左上隅 (top:0;left:) です。 0;) 、調整する必要がある場合にのみリセットする必要があります。
完全な互換性を確保するため、3 つの部分で構成されています
元の構造 マスク テキスト

元の構造は、position:relative; を使用します

マスクとテキストは、position:absolute; を使用します
マスクの透明度の不透明度は、必要に応じて設定できます, IE に注意してください chrome/ff での設定方法とは異なります
マスクの z-index を 10 に設定し、テキストを 11 に設定できます
上部とテキストに従ってテキストの相対位置を調整します適切なままにしておきます

1階の正解

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート