怎樣將網(wǎng)頁(yè)改成黑白顯示的

只要網(wǎng)站支持CSS的話，很簡(jiǎn)單。在CSS文件的最前面加上一行代碼就可以了，這段代碼使用的是CSS濾鏡，將網(wǎng)頁(yè)中的色彩部分過(guò)濾掉。

目前創(chuàng)新互聯(lián)已為1000+的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)站空間、網(wǎng)站改版維護(hù)、企業(yè)網(wǎng)站設(shè)計(jì)、陽(yáng)城網(wǎng)站維護(hù)等服務(wù)，公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長(zhǎng)，共同發(fā)展。

html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }（不換行）

加上代碼之后，再次刷新網(wǎng)頁(yè)就會(huì)發(fā)現(xiàn)頁(yè)面已經(jīng)變成黑白的了。還在等什么，趕快給自己的網(wǎng)站加上一行代碼，變成黑白色，一起來(lái)緬懷在地震中去世的人。

css 圖片變黑白效果 使用CSS將圖片轉(zhuǎn)換成黑白的 兼容方法

直接將其放入頁(yè)面中的style/style即可，或者外部樣式直接在內(nèi)部引用。

html,body?{?

-webkit-filter:?grayscale(100%);?

-moz-filter:?grayscale(100%);?

-ms-filter:?grayscale(100%);?

-o-filter:?grayscale(100%);?

filter:?grayscale(100%);?

filter:?gray;?

}

就是我想知道能不能用CSS樣式來(lái)定義制定的圖片顯示樣式為黑白無(wú)色彩的！

可以，在ie下可以用filter屬性，如下：

filter： progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)

不過(guò)，F(xiàn)F上無(wú)法實(shí)現(xiàn)的，因?yàn)榛叶葹V鏡屬性在其它非ie瀏覽器中不存在，該特效無(wú)法顯示。不像透明濾鏡在FF里面也有。

所以，只能使用兩張圖片替換或者一張圖片滑動(dòng)門的方案。

IE10下圖片顯示為黑白的CSS樣式怎么寫？

親，告訴你個(gè)簡(jiǎn)單的方法，在瀏覽器頂部加句這個(gè)，讓他使用IE9模式就OK了，不必去為IE10單獨(dú)做那么多事情。

meta?http-equiv="X-UA-Compatible"?content="IE=9"

img{

filter:url("data:image/svg+xml;utf8,svg?xmlns=\'\'filter?????id=\'grayscale\'feColorMatrix?type=\'matrix\'?values=\'0.3333?0.3333?0.3333?0?0?0.3333?0.3333?0.3333?0?0?0.3333?0.3333?0.3333?0?0?0?0?0?1?0\'//filter/svg#grayscale");?/*?????Firefox?10+,?Firefox?on?Android?*/

filter:gray;?/*?IE6-9?*/

-webkit-filter:grayscale(100%);?/*?Chrome?19+,?Safari?6+,?Safari?6+?iOS?*/

-moz-filter:?grayscale(100%);

-ms-filter:?grayscale(100%);

-o-filter:?grayscale(100%);}

上面是所有瀏覽器包括安卓的圖片邊灰的樣式

請(qǐng)問(wèn)如何用CSS讓網(wǎng)站變成黑白？FLASH也可以嗎？

據(jù)我所知CSS可以讓網(wǎng)頁(yè)的字體、背景等設(shè)為黑白，但貌似不能使網(wǎng)頁(yè)中的彩色圖片變黑白，F(xiàn)lash如果里面沒(méi)有特殊的腳本也不能在外面用CSS調(diào)成黑白，只能改背景色

用css制作下面這種每行黑白相間的表格

td{

background-color:#000;

}

td:nth-child(2n){

background-color:#fff;

}

tr:nth-child(2n) td{

background-color:#fff;

}

tr:nth-child(2n) td:nth-child(2n){

background-color:#000;

}

本文名稱：css黑白樣式,在css中白色怎么表示
文章路徑：http://chinadenli.net/article31/dsgicpd.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App設(shè)計(jì)、品牌網(wǎng)站制作、ChatGPT、移動(dòng)網(wǎng)站建設(shè)、外貿(mào)建站、響應(yīng)式網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)