ホームページ > ウェブフロントエンド > jsチュートリアル > ネイティブ js_javascript スキルで半透明マスク レイヤー効果を実現するための特定のコード

ネイティブ js_javascript スキルで半透明マスク レイヤー効果を実現するための特定のコード

WBOY
リリース: 2016-05-16 17:32:36
オリジナル
1127 人が閲覧しました
复制代 代码如下:





弹出提案

* {
マージン: 0;
パディング: 0;
フォントサイズ: 12px;
}
html, body {
高さ: 100%;
幅: 100%;
}
#content {
背景: #FFFFFF;
パディング: 30px;
高さ: 100%;
}
#content a {
font-size: 30px;
カラー: #369;
フォントの太さ: 700;
}
#alert { z-index:2;
ボーダー: 1px ソリッド #369;
幅: 300ピクセル;
高さ: 150px;
背景: #e2ecf5;
z インデックス: 1000;
位置: 絶対。
表示: なし。
}
#alert h4 {
高さ: 20px;
背景: #369;
色: #fff;
パディング: 5px 0 0 5px;
}
#alert h4 スパン {
float: left;
}
#alert h4 span#close {
margin-left: 210px;
フォントの太さ: 500;
カーソル: ポインタ;
}
#alert p {
パディング: 12px 0 0 30px;
}
#alert p input {
幅: 120px;
マージン左: 20px;
}
#alert p input.myinp {
border: 1px ソリッド #ccc;
高さ: 16px;
}
#alert p input.sub {
幅: 60px;
マージン左: 30px;
}
#mask{ 位置:絶対;トップ:0;左:0;高さ:100%;幅:100%;背景:#000;不透明度:0.3;ディスプレイ:なし; z-index:1;}





现在注册关闭



用户名



密;/label>











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