在工作中做一個圖片半透明遮罩時發現在IE8下不兼容 一查再知道IE8不支持rgba顏色,再搜搜兼容性方法,沒想到這么快就解決了。 先說說rgba的含義: r代表red,g代表green,b代表blue,a代表透明度。紅綠藍是三原色,所有顏色都可以由這三種顏色拼合而成。比如rgba ...
今天發現原生IE 下面有一個神奇的bug,為什么這里說是原生IE 呢,因為我們在檢查頁面時,如果裝了IE ,大多數都只是會調出IE 模式來使用。曾經我也非常相信這樣的調試是准確的,因為畢竟是微軟自帶的東西,沒理由會搞出差異化。直到今天,我發現事實並不是這樣的。大家可以拷貝下面的代碼自己查看一下,就會知道。 推薦使用虛擬機,XP自帶的IE 升級到IE ,或WIN 自帶的IE 。 前端總有解不完的bu ...
2013-01-25 00:08 0 3664 推薦指數:
在工作中做一個圖片半透明遮罩時發現在IE8下不兼容 一查再知道IE8不支持rgba顏色,再搜搜兼容性方法,沒想到這么快就解決了。 先說說rgba的含義: r代表red,g代表green,b代表blue,a代表透明度。紅綠藍是三原色,所有顏色都可以由這三種顏色拼合而成。比如rgba ...
IE8下兼容rgba顏色的半透明背景 這樣的標題在百度和google搜索下很多篇文章,講解IE8下兼容rgba的。 這些文章全部都是使用IE下的filter來使元素透明,但是這個里面會有bug。 它們的如下: IE filter 的bug 簡答評論下這個代碼的問題,首先這代碼在IE ...
CSS實現文字半透明顯示在圖片上方法 在css中文字半透明我們會需要使用濾鏡效果也就是css中的filter:alpha來實現了,下面來看兩個文字顯示在圖片上並且半透明的例子。 CSS讓一行文字顯示在圖片的底部,用來說明圖片的內容,當作圖片標題,標題文字和背景可以設置半透明,鼠標經過圖片時邊框 ...
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title& ...
用一個大的div來包裹陰影層(半透明div)和p標記,p標記要放在陰影層之外;然后利用position:absolute、z-index、background-color、opacity、filter:alpha(opacity)等等樣式,就能實現想要的效果。 效果 ...
兼容各瀏覽器且效果一致,有兩種方法: 一、使用 opacity + Alpha Filter 其實見到這個的時候,我們的第一想法當然是 background + opacity,在不支持 opacity 的 IE 再使用 filter 的 alpha 濾鏡來實現。但是如果僅僅只是如此,這個最 ...
低版本IE下不支持rgba()的表示方法,怎么辦? background:rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=# 7F000000 ...
問題一:IE8 IE9 不顯示 如果IE8 IE9 chrome下正常,IE6 IE7下卻不顯示就該考慮下面的問題了。 IE6 IE7最郁悶的是不好調試,不過IE9解決了,用IE9下按“f12”進入調試台,“瀏覽器模式”選擇IE7模式就可以在IE7環境下調試代碼了,之前在其它環境下代碼都正常 ...