這篇文章介紹了如何將整個(gè)網(wǎng)頁變成黑白色或者黑色,都有哪些方法可以實(shí)現(xiàn),對這個(gè)感興趣的可以參考一下,希望對你有所幫助。
全站CSS代碼。
使用方法:這段代碼可以變網(wǎng)頁為黑白,將代碼加到CSS最頂端就可以實(shí)現(xiàn)素裝。建議全國站長動(dòng)起來。為在地震中遇難的同胞哀悼。
如果網(wǎng)站沒有使用CSS,可以在網(wǎng)頁/模板的HTML代碼
和
之間插入:
有一些站長的網(wǎng)站可能使用這個(gè)css 不能生效,是因?yàn)榫W(wǎng)站沒有使用最新的網(wǎng)頁標(biāo)準(zhǔn)協(xié)議
請將網(wǎng)頁最頭部的
替換為以上代碼。
有一些網(wǎng)站FLASH動(dòng)畫的顏色不能被CSS濾鏡控制,可以在FLASH代碼的和之間插入:
最簡單的把頁面變成灰色的代碼是在head 之間加
一般的discuz論壇在 你的控制css 文件下修改
/images/header/header.css 這個(gè)文件,
CSS 方法
用到軟件 Firefox(安裝firebug)插件;ie7或者IE 8 必須帶開發(fā)者工具(按F12會(huì)出現(xiàn))
大家都知道在IE瀏覽器中,可以使用一段代碼 body {filter: gray;} 用微軟的濾鏡代碼將網(wǎng)站整體去色成為黑白灰色調(diào)效果,但是并不兼容firefox等其他非IE瀏覽器。
CSS網(wǎng)站灰色調(diào) (只支持IE)
行內(nèi)樣式:
elem.style.filter = 'progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)';
css樣式表:
elem { filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
/* Element must "hasLayout"! */
zoom: 1;}
因?yàn)榛鸷恢С譃V鏡的,所以昨天用火狐的童鞋 可以發(fā)現(xiàn)很多網(wǎng)站(人人,19樓)還是彩色的。
這邊涉及到瀏覽器兼容問題,還有css hack 等等。
昨天只要用IE 或者Firefox 的firebug 把body {filter: gray;} 前面的勾勾掉,或者把elem.style.filter = 'progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)';這句話的勾勾掉就可以看到彩色了
至于Flash如何變灰色,還有如何做到各種瀏覽器兼容的黑白網(wǎng)站,我也就貼下代碼了,至于為什么這么寫,我就不贅述了。有興趣的朋友可以去網(wǎng)上搜搜答案。
FLASH的變灰:
有一些網(wǎng)站FLASH動(dòng)畫的顏色不能被CSS濾鏡控制,可以在FLASH代碼的和之間插入:
JavaScript
使用:
// 方法一var el = document.getElementById( 'myEl' );grayscale( el );// 方法二grayscale( document.getElementsByTagName('div') );// jquery中使用:grayscale( $('div') );
重置:
grayscale.reset( el );// 同樣,重置方法也可用于jquerygrayscale.reset( $('div') );
預(yù)處理:
grayscale.prepare( document.getElementById('myEl') );// jquery中也可使用grayscale.prepare( $('.gall_img') );
以上就是有哪些方法可以將整個(gè)網(wǎng)頁變成黑白色的詳細(xì)內(nèi)容,更多請關(guān)注聚名網(wǎng)其它相關(guān)文章!