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

首頁 > 開發 > CSS > 正文

部分透明的蒙版效果實現思路(兼容ie6)

2024-07-11 08:50:36
字體：大 中 小
來源：轉載
供稿：網友
先看下要實現的效果圖片
 
png24位的圖片如下
 
與普通的蒙版效果不一樣，需要有一個空白的地方顯示頁面上原有的動態內容；

實現思路如下：1:要支持圖的半透明效果，需要采用png24格式（png8不支持半透明效果，保存后會變成底色位黑色的圖片）

為兼容ie6需要加hack：

_background:0;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='圖片的路徑',sizingMethod='crop');

2:建立蒙版，此蒙版只要罩住除圖片以外的部分即可，圖片所在的區域不能擋住

那么如何實現第二部？a：建立一個背景色為透明的div用來存儲照片所在的部分，div的寬度和高度就等于圖片的寬度和高度；

b：蒙版部分通過div的border進行設置，border的顏色為黑色，透明度為50，那么border的四個width如何設置？

　　＊border－left－width：圖片的left位置

　　＊border－right－width：屏幕寬度－圖片的left位置－圖片的寬度

　　＊border－top－width：圖片的top位置

　　＊border－bottom－width：頁面高度－圖片的top位置－圖片的高度

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 全州县| 鄂伦春自治旗| 兴仁县| 永善县| 隆德县| 娱乐| 高陵县| 武宣县| 南京市| 仲巴县| 白朗县| 庆城县| 东乌珠穆沁旗| 叙永县| 石首市| 修水县| 玛多县| 防城港市| 兴化市| 贞丰县| 皮山县| 蕲春县| 浦北县| 弋阳县| 佛冈县| 达日县| 宁明县| 博罗县| 大新县| 梧州市| 鄄城县| 青田县| 巢湖市| 宝山区| 临漳县| 峡江县| 洱源县| 浪卡子县| 玛多县| 灌阳县| 溧水县|