div設置背景顏色添加透明度，內部元素不透明
錯誤寫法： 導致內部元素也變成透明的了 正確寫法： ...
原文：解決IE的背景顏色透明子元素不透明問題
假設背景為黑色， 半透明，對需要半透明的層用如下CSS 如果只做了這一步，在IE中子元素也會被用上濾鏡而透明，所以對於不需要透明的子元素們需要改變層級使之不受濾鏡作用，方法是明確做一個定位，即將position設置成relative，absolute或fixed中的一種。至於另外兩種：static，其實也就是默認值，是不定位的，而inherit會直接被IE無視掉 ...
2013-10-11 01:38 0 4842 推薦指數：
相關推薦
html、css和js原生寫一個模態彈出框，順便解決父元素半透明子元素不透明效果
模態框： html部分： css部分： JavaScript： 如有疑問，可留言！ ...
解決css設置背景透明，文字不透明
設置元素的透明度： -moz-opacity:0.8; /*在Firefox中設置元素透明度 filter: alpha(opacity=80); /*ie使用濾鏡設置透明 但是當我們對一個標簽設置背景的透明度時，往往我們並不希望該標簽上的文字圖片也變成 ...
CSS實現父元素半透明，子元素不透明
CSS實現父元素半透明，子元素不透明。 很久以來大家都習慣使用opacity:0.5在新式瀏覽器里實現半透明，而對IE較舊的版本使用filter:Alpha(opacity=0.5)的濾鏡來實現半透明。但是這樣實現的半透明有個問題，那就是這個屬性會被子元素所繼承。 如下代碼，則子元素中也將是 ...
兼容IE、Firefox的背景半透明內容不透明設置
首先要說明的是背景是內容的祖先元素。如果是兄弟節點那就沒有必要記錄這篇文章了。 記錄一下，知其然也知其所以然。 IE8-特點： 1.不支持"opcity:0.5;"這種寫法，只支持"filter:alpha(opacity=50)"。 2.如果背景元素擁有css屬性設置 ...
css如何實現背景透明，文字不透明？
之前做了個半透明彈層，但設置背景半透明時，子元素包含的字體及其它元素也都變成了半透明。對opacity這個屬性認識的不透徹，在這里做一些總結，方便以后使用。 背景透明，文字不透明的解決方法： 為元素添加一個絕對定位的子元素，設置大小和該元素一樣 ...
CSS實現DIV層背景透明而文字不透明
在我們設計制作一些網頁的時候可能會用到半透明的效果，首先我們可能會想到用PNG圖片處理，當然這是一個不錯的辦法，唯一的兼容性問題就是ie6 下的BUG，但這也不困難，加上一段js處理就行了。但假如我們需要一個半透明遮罩的彈出層，如登陸框、注冊框、提示等，這時可能需要整個頁面都要被半透 明的遮罩層 ...