css js整站變灰(相容IE7 )

2022-01-20 05:18:40 字數 429 閱讀 1892

歷年大型**等自然災害來臨過後,各大**整站都變成灰色以悼念逝去的生命,那麼這種整站變灰的效果是怎麼做到的?

火狐和chrome瀏覽器比較簡單,直接用css3搞定:

對於ie7-ie9瀏覽器,可以使用ie自帶的濾鏡,在頁面頭部內加入樣式:

body/*

ie7-ie9,必須加在body元素上

*/

前後效果對比:

效果槓槓的,可是切換到ie10或ie11就傻了,ie10/11需要用grayscale.js來解決:

對於跨域的變灰暫時還無解,有知道的同學請不膩賜教!

css js整站變灰(相容IE7 )

原文 css js整站變灰 相容ie7 歷年大型 等自然災害來臨過後,各大 整站都變成灰色以悼念逝去的生命,那麼這種整站變灰的效果是怎麼做到的?火狐和chrome瀏覽器比較簡單,直接用css3搞定 對於ie7 ie9瀏覽器,可以使用ie自帶的濾鏡,在頁面頭部內加入樣式 body ie7 ie9,必須...

IE7相容性問

1.背景顏色 background rgba 255,255,255,1 background ffffff important 這樣的hack沒有起作用,為啥呢。2.li高度的bug 導致了ie6 7與其他瀏覽器不相容,ie的高度得是 offset的高度,原來這是ie的乙個bug,貌似只有li才有...

如何讓樣式既相容IE8也兼職IE7

最近客戶反映註冊頁面無法註冊,通過了解,是客戶使用ie7瀏覽器無法相容,調了很久也不能完美的解決,在網上找到一段mata,提好用的,分享給大家。上面標籤中的x ua compatible,是針對ie8新加的乙個設定,對於ie8之外的瀏覽器是不識別的,這個區別與content ie 7 在無論頁面是否...