灰色css樣式,html顏色灰色

CSS怎么使網(wǎng)頁全部變成灰色

如何設(shè)置網(wǎng)頁全部灰色顯示

創(chuàng)新互聯(lián)公司專注于企業(yè)成都全網(wǎng)營銷推廣、網(wǎng)站重做改版、禹會網(wǎng)站定制設(shè)計、自適應(yīng)品牌網(wǎng)站建設(shè)、H5頁面制作、成都商城網(wǎng)站開發(fā)、集團公司官網(wǎng)建設(shè)、成都外貿(mào)網(wǎng)站建設(shè)、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計等建站業(yè)務(wù)，價格優(yōu)惠性價比高，為禹會等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。

愛刷s0147 | 瀏覽 109 次

我有更好的答案

發(fā)布于2013-11-08 22:36最佳答案

script language=JavaScript

document.body.style.filter = "progid:DXImageTransform.Microsoft.BasicImage(GrayScale=1)";

/script

方法二：把網(wǎng)頁變成灰色顯示的最簡單的代碼是在head之間加入如下代碼：

style type="text/css"

html {FILTER: gray;}/style方法三：把網(wǎng)頁變成灰色顯示的另外一種方法是在head之間加入如下代碼：

style type="text/css"!--BODY {filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}--/style方法四：如果你的網(wǎng)站已經(jīng)有CSS文件，那么只需要加入如下代碼即可：

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

方法五：我比較推薦這種做法，在CSS文件中加入如下代碼即可：

html{filter:gray();}

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

方法六：如果網(wǎng)站的CSS中已有BODY{}，那么直接加入如下代碼即可：

filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);比如：BODY {font-size: 12px; margin: 0px; coclor: #000; background: #fff;

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

在運用以上方法進行網(wǎng)頁更改的時候，可能會遇到以下的問題，具體的解決方法僅供參考：

谷歌瀏覽器中CSS選擇器顯示灰色是什么意思，但是它里面的樣式又是有作用的

只是表示當(dāng)前狀態(tài)該樣式未被調(diào)取，:visited 是選擇器用于選取已被訪問的鏈接，就是之前的鏈接地址已經(jīng)被點擊訪問過了，那么這個樣式才會被調(diào)取或者顯示出效果來，沒點擊就不會調(diào)取

其實你給字體或者背景直接加一個red紅色再進行操作一次，這樣就會有更直觀的體現(xiàn)

html div css為什么我瀏覽器顯示的圖片沒有變成灰色

1、CSS Filter

使用CSS過濾器屬性可能是最簡單的方法把圖像變成灰度。以往,IE瀏覽器有一個專有的CSS屬性稱為過濾應(yīng)用自定義效果包括灰度。

現(xiàn)在,過濾器屬性是CSS3規(guī)范的一部分,并支持在一些瀏覽器,Firefox、Chrome和Safari。以前,我們也提到Webkit過濾器,它不僅將圖像變成灰色也可以變成褐色和模糊效果。

添加如下CSS樣式可以將圖像變成灰色

代碼如下:

img {

-webkit-filter: grayscale(1);/* Webkit */

filter:gray;/* IE6-9 */

filter: grayscale(1);/* W3C */

}

支持IE6-9和Webkit瀏覽器(Chrome 18+, Safari 6.0+, and Opera 15+)

(注意:這段代碼在Firefox上無效果。)

2、Javascript

第二種方法是通過使用JavaScript技術(shù)上應(yīng)該支持所有JavaScript的瀏覽器,包括IE6以下

代碼來自Ajax Blender.

代碼如下:

varimgObj = document.getElementById('js-image');

functiongray(imgObj) {

varcanvas = document.createElement('canvas');

varcanvasContext = canvas.getContext('2d');

varimgW = imgObj.width;

varimgH = imgObj.height;

canvas.width = imgW;

canvas.height = imgH;

canvasContext.drawImage(imgObj, 0, 0);

varimgPixels = canvasContext.getImageData(0, 0, imgW, imgH);

for(vary = 0; y imgPixels.height; y++){

for(varx = 0; x imgPixels.width; x++){

vari = (y * 4) * imgPixels.width + x * 4;

varavg = (imgPixels.data[i] + imgPixels.data[i + 1] + imgPixels.data[i + 2]) / 3;

imgPixels.data[i] = avg;

imgPixels.data[i + 1] = avg;

imgPixels.data[i + 2] = avg;

}

}

canvasContext.putImageData(imgPixels, 0, 0, 0, 0, imgPixels.width, imgPixels.height);

returncanvas.toDataURL();

}

imgObj.src = gray(imgObj);

3、SVG

第三種方法來自SVG Filter.，你需要創(chuàng)建一個SVG文件,并將以下代碼寫在里面，保存命名為***.svg

代碼如下:

svgxm .w3.org/2000/svg"

filterid="grayscale"

feColorMatrixtype="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

然后利用過濾器的屬性，我們可以通過SVG文件中的元素的ID連接SVG文件

[code]

img {

filter:url('img/gray.svg#grayscale');

}

css怎么把樣式變灰

單在link 加入濾鏡 filter:gray;使之變灰。 為何在鼠標(biāo)放到連接上的時候 還是灰色？ 如果只在hover加 學(xué)習(xí)目的：用同一張彩色圖片為背景，在連接平常的狀態(tài)，圖片為灰，鼠標(biāo)懸停在鏈接上時恢復(fù)色彩。

文章名稱：灰色css樣式,html顏色灰色
鏈接分享：http://muchs.cn/article26/phejjg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計公司、域名注冊、手機網(wǎng)站建設(shè)、軟件開發(fā)、網(wǎng)頁設(shè)計公司、電子商務(wù)

廣告

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