原文:div+css 如何讓背景層半透明 內容不透明 並且能兼容ie6,ie7,ie8,ff 【轉】

用一個大的div來包裹陰影層 半透明div 和p標記,p標記要放在陰影層之外 然后利用position:absolute z index background color opacity filter:alpha opacity 等等樣式,就能實現想要的效果。 效果如圖: 第一種效果 對應第一圖 的代碼如下: 關於樣式: 第二種效果 對應第二圖 的代碼如下: 關於樣式: 本文非原創,版權歸原作者 ...

2012-09-01 10:24 1 41001 推薦指數:

查看詳情

css 實現半透明,且塊內文字不透明兼容ie6等各種瀏覽器)

兼容各瀏覽器且效果一致,有兩種方法: 一、使用 opacity + Alpha Filter 其實見到這個的時候,我們的第一想法當然是 background + opacity,在不支持 opacity 的 IE 再使用 filter 的 alpha 濾鏡來實現。但是如果僅僅只是如此,這個最 ...

Fri Jun 01 22:25:00 CST 2012 0 6540
兼容IE、Firefox的背景半透明內容不透明設置

  首先要說明的是背景內容的祖先元素。如果是兄弟節點那就沒有必要記錄這篇文章了。   記錄一下,知其然也知其所以然。 IE8-特點:   1.不支持"opcity:0.5;"這種寫法,只支持"filter:alpha(opacity=50)"。   2.如果背景元素擁有css屬性設置 ...

Fri Jan 01 02:08:00 CST 2016 0 10545
IE8兼容rgba顏色的半透明背景

在工作中做一個圖片半透明遮罩時發現在IE8下不兼容 一查再知道IE8不支持rgba顏色,再搜搜兼容性方法,沒想到這么快就解決了。 先說說rgba的含義: r代表red,g代表green,b代表blue,a代表透明度。紅綠藍是三原色,所有顏色都可以由這三種顏色拼合而成。比如rgba ...

Mon Aug 31 04:47:00 CST 2015 0 5474
CSS實現DIV背景透明而文字不透明

在我們設計制作一些網頁的時候可能會用到半透明的效果,首先我們可能會想到用PNG圖片處理,當然這是一個不錯的辦法,唯一的兼容性問題就是ie6 下的BUG,但這也不困難,加上一段js處理就行了。但假如我們需要一個半透明遮罩的彈出,如登陸框、注冊框、提示等,這時可能需要整個頁面都要被半透 明的遮罩 ...

Tue Dec 10 06:18:00 CST 2013 1 2498
解決各種IE兼容問題,IE6,IE7,IE8,IE9,IE10()

原文地址: http://www.frontopen.com/2552.html 在網站開發中不免因為各種兼容問題苦惱,針對兼容問題,其實IE給出了解決方案Google也給出了解決方案百度也應用了這種方案去解決IE兼容問題 百度源代碼如下 <!Doctype ...

Wed Apr 22 00:41:00 CST 2015 0 3132
真~讓IE8支持background: rbga; ,IE8兼容rgba顏色的半透明背景

IE8兼容rgba顏色的半透明背景 這樣的標題在百度和google搜索下很多篇文章,講解IE8兼容rgba的。 這些文章全部都是使用IE下的filter來使元素透明,但是這個里面會有bug。 它們的如下: IE filter 的bug 簡答評論下這個代碼的問題,首先這代碼在IE ...

Fri Nov 25 00:07:00 CST 2016 0 3270
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM