国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

ie7+背景透明文字不透明超級簡單的實現(xiàn)方法

2019-11-20 21:13:57
字體:
供稿:網(wǎng)友

如果你現(xiàn)在還在為背景透明文字不透明而發(fā)愁的話,建議你來看看。當(dāng)然IE6我已經(jīng)放棄了,所以不要說不用PNG8的圖片這樣在IE6下沒有效果,當(dāng)然你也可以用濾鏡。本人不建議使用濾鏡。因為這樣可能會出現(xiàn)其它問題!(如無法點擊等等問題)做前端最怕的就是BUG,特別是IE6。滾蛋IE6!
本文的核心就是利用PNG32透明圖片來做背景然后平鋪背景就行了。這樣就不會存在背景透明文字也透明了。這樣做起來超級簡單你們說呢!
圖片只需要調(diào)整透明度即可。
在PSD中把圖片設(shè)置為20%的透明度保存為png就行了。
(切忌:不要設(shè)置模式為灰度。這樣會變成png8了。而且沒有透明度。)
背景透明,文字不透明。哈哈。IE 6滾蛋啦!支持:IE7.0+/FF3.0+/Opera10+/Chrome/Safari 。均測試通過。
效果圖如下:

完整代碼如下:

復(fù)制代碼 代碼如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>ie7+背景透明,文字不透明超級簡單的方法</title>
<style>
p{margin:0;padding:0;}
.bg{width:280px;padding:5px;margin:10px 0 10px;}
.bg1{background:#000;color:#fff;}
.bg2{background:#f60;}
.com{background:url(http://images/css_bg.png) repeat 0 0;border:1px solid #eee;border-radius:5px;font-size:12px;padding:5px;line-height:20px;}
</style>
</head>

<body>
 <div class="bg bg1">
  <div class="com"><p>背景透明,文字不透明。哈哈。IE 6滾蛋啦<br />支持:<br />IE7.0+/FF3.0+/Opera10+/Chrome/Safari <br />均測試通過。透明度為:20%</p></div>
 </div>
 <div class="bg bg2">
  <div class="com"><p>背景透明,文字不透明。哈哈。IE 6滾蛋啦<br />支持:<br />IE7.0+/FF3.0+/Opera10+/Chrome/Safari <br />均測試通過。透明度為:20%</p></div>
 </div>
</body>
</html>

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 自贡市| 城固县| 乐山市| 南皮县| 淮南市| 石嘴山市| 尚志市| 内黄县| 江陵县| 府谷县| 鹤峰县| 凯里市| 海安县| 柞水县| 江西省| 拉萨市| 凉城县| 宁都县| 甘孜县| 溧水县| 方城县| 揭东县| 西乡县| 成都市| 蓬安县| 郁南县| 福清市| 德惠市| 容城县| 铜山县| 沾益县| 兰考县| 车险| 内江市| 高雄市| 沛县| 溧阳市| 兴城市| 塔河县| 临猗县| 阿克|