背景透明，內容不透明CSS代碼生成器

2024-09-05 12:17:18

字體：大中小

來源：轉載

供稿：網友

背景透明，內容不透明CSS代碼生成器，為頁面元素添加背景透明，內容不透明的效果，兼容IE6/7/8/9/10、Chrome、Firefox、Safari、Opera。

<!DOCTYPE HTML><html><head><meta charset="UTF-8"><title>背景透明，內容不透明CSS代碼生成器</title></head><body><style type="text/css">#hananBackgroundColorOpacity{margin:10px;} #hananBackgroundColorOpacity span{margin-left:10px; color:#8a8c8e;}#hananBackgroundColorOpacity textarea{width:650px; height:120px; padding:5px; color:#fff; background:#000;}#hananBackgroundColorOpacity strong{color:#000;}#hananBackgroundColorOpacity h3{color:#000; border-bottom:1px solid #ccc; line-height:57px;}#hananBackgroundColorOpacity h3 img{ float:right;}#hananBackgroundColorOpacity h3 .c{ clear:both; height:0px;margin:0;padding:0;}#hananBackgroundColorOpacity .hanan_introduction,#hananBackgroundColorOpacity .hanan_introduction a{  font-size:12px; color:#6E6E6E; }#hananBackgroundColorOpacity img{border:none;}</style><div   class="iwvjtn8m0"   id="hananBackgroundColorOpacity">	<h3>背景透明，內容不透明CSS代碼生成器	<div   id="iwvjtn8m0"   class="c"></div>	</h3>	<p class="hanan_introduction ">	說明：為頁面元素添加背景透明，內容不透明的效果，兼容IE6/7/8/9/10、Chrome、Firefox、Safari、Opera。	</p>	<p>選擇器：<input id="hananDomChooser" type="text" value="" /><span>id或者class等CSS選擇器,比如:<strong>#abc</strong></span></p>	<p>顏色值：<input id="hananColorValue" type="text" value="" /><span>16進制顏色值,不帶#號,比如:<strong>#c77eb5</strong>,請填:<strong>c77eb5</strong></span></p>	<p>透明度：<input id="hananOpacity" type="text" value="" /><span><strong>0</strong>到<strong>1</strong>之間,比如:<strong>0.5</strong></span></p>	<p><input id="hananGetCssCodeButon" type="button" value="生成CSS代碼" /></p>	<p>		CSS代碼：<br/>		<textarea id="hananCssCode" type="text"/>

上一篇：CSS3日出特效-HTML5日月星辰變換

下一篇：CSS3邊框陰影，折角效果演示