部分透明的蒙版效果 相容ie6

2022-08-26 02:42:08 字數 759 閱讀 4975

先看下要實現的效果

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位置-的高度

部分透明的蒙版效果實現思路 相容ie6

先看下要實現的效果 png24位的如下 與普通的蒙版效www.cppcns.com果不一樣,需要有乙個空白的地方顯示頁面上原有的動態內容 實lamxxqwclv現思路如下 1 要支援圖的半透明效果,需要採用png24格式 png8不支援半透明效果,儲存後會變成底色位黑色的 為相容ie6需要加hack...

IE6下的效果

1.ie6有寬度border實現透明 如果想使得邊框顏色透明,在其餘瀏覽器下比較簡單,直接使用 border color transparent 但在ie6下這個辦法不行,可以通過下面的方式實現 border color tomato filter chroma color tomato 或者 bo...

IE6相容相容心得 自己總結的

doctype document type 文件型別,說明 xml 或者 x html 的版本。dtd document type definitions 文件型別定義,瀏覽器根據 dtd 來解釋頁面標識,並展現出來。doctype 通常 但不總是 包含指定的dtd檔案的url。瀏覽器一般不讀取這些...