網頁變黑白…

技術小美發表於2017-11-19
網頁

全國哀悼日

要停止一切娛樂活動

同時老闆指示為了表示哀悼

網頁要改成黑白的

 

翻翻以前512的時候的黑白CSS，套上就能用了

其實就是在網頁上加層濾鏡

在這分享下吧：

CSS里加：html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }

或者：html { FILTER: gray }

在網頁里加也行，不過頁面多了改動量太大，還是CSS方便

<style. type="text/css">

html {
    FILTER: gray
}
</style>

有的時候加上後可能不生效，是因為網站沒有使用最新的網頁標準協議

需要在頁面里加上：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

網站的FLASH動畫的顏色不能被CSS濾鏡控制，需要在FLASH程式碼的<object…>和</object>之間加上：

<param value="false" name="menu"/>
<param value="opaque" name="wmode"/>

 

嗯

基本上大功告成…

 

 

不過加上濾鏡後感覺網頁上的動畫稍微慢了點

而且濾鏡只有IE支援，萬惡的firefox不支援…

我們沒有大批的美工去改圖片，只能先這樣湊合了

 

本文轉自 sun8134 部落格園部落格，原文連結：http://www.cnblogs.com/sun8134/archive/2010/04/21/1716794.html   ，如需轉載請自行聯絡原作者


相關文章