検索

ホームページ  >  記事  >  ウェブフロントエンド  >  画像 + CSS で半透明のブートを実現 page_html/css_WEB-ITnose

画像 + CSS で半透明のブートを実現 page_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 11:49:132468ブラウズ

最初にレンダリング:

css: 

.ydy{	width:100%;	height:100%;	overflow:hidden;	background-color:#000000;	filter:alpha(opacity=80);	-moz-opacity:0.6;	-khtml-opacity:0.6;	opacity:0.6;	position:absolute;	top:0px;	z-index:9999px;}.ydy img{	width:100%;}

HTML ページに div を 1 つだけ: 

<body style="background: #F5F5F5;">	<div id="ydy" class="ydy"><img src="../img/ydypic.png"></div>	<H2>这是一个测试页面</H2></body>

ユーザーガイドページの機能を実現するための透明な画像を追加します。たとえば、新しいバージョンの機能紹介、ユーザーガイドなどの機能も！



私の個人的なブログ: http://blog.caicongyang.com


私の個人的なウェブサイト: http://www.caicongyang.com; 私の CSDN ブログのアドレス:


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

関連記事

続きを見る