整合營(yíng)銷(xiāo)服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
niapp項(xiàng)目里面要做按鈕 ，下載了幾個(gè)按鈕圖標(biāo)之后，想弄成灰色禁用效果，作為手越高、人越懶信念的堅(jiān)定支持者，懶得再去下載灰色圖標(biāo)了，直接CSS搜起，發(fā)現(xiàn)了方便的辦法。
隨便找點(diǎn)兒圖片：
使用此句可以全部變灰。
filter: grayscale(1)如果是grayscal(0.5)?
只有一點(diǎn)兒顏色，半灰是也，如同加了個(gè)濾鏡。
filter：n. 過(guò)濾器；濾光器，濾聲器，濾波器；過(guò)濾程序，過(guò)濾軟件；（指示車(chē)輛轉(zhuǎn)彎的）分流指示燈 v. 過(guò)濾；滲入，透過(guò)；（消息、信息等）慢慢傳開(kāi)，走漏；緩慢進(jìn)入，陸續(xù)步入；（車(chē)輛）看到分流指示燈的信號(hào)后轉(zhuǎn)彎；（程序）篩選。
放在自己項(xiàng)目里面，直接使用動(dòng)態(tài)class搞定。
了紀(jì)念一些影響力很大的偉人逝世或者重要的紀(jì)念日的時(shí)候需要讓網(wǎng)頁(yè)全部變灰來(lái)表示我們對(duì)逝者的悼念。
其實(shí)這個(gè)功能很簡(jiǎn)單，只需要在HTML 的head標(biāo)簽里加入如下代碼即可。
<style type="text/css">
html {
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(100%);}
</style>
這里實(shí)現(xiàn)的是讓網(wǎng)頁(yè)整體變灰，無(wú)論網(wǎng)站的頭部、尾部或者側(cè)邊欄分離都可以實(shí)現(xiàn)效果。網(wǎng)上有很多方法，多數(shù)都是通過(guò)CSS的濾鏡來(lái)控制頁(yè)面的顯示而已，唯一不同的就CSS代碼調(diào)用的方式而已。
很早以前想著一個(gè)網(wǎng)站那么多的圖片、手動(dòng)處理后替換是一個(gè)工作量異常繁復(fù)的事，然而事情當(dāng)然沒(méi)有這么簡(jiǎn)單，僅需幾行代碼即可輕松完成。
最后附上已故偉人的一首詞，沉痛哀悼深切緬懷...
《滿江紅·江上青百年誕辰祭》
自古英雄，憑蒼宇、江山點(diǎn)索。
酬壯志、鐵窗寒徹，泮池磅礴。
史嶺紅梅花瀝血，蘆溝曉月天飛鶴。
擎玉虹，魑魅冷相看，驚魂魄。
歌潁上，旗旆爍。驅(qū)稔寇，飆塵惡。
訴聲聲杜宇，孛星凋落。
春水綠楊風(fēng)曼暖，秋山紅葉日彰灼。
清明日、持酒告先靈，神州躍。
家好，我是吉礻羊。
地球母親，每年都會(huì)發(fā)生點(diǎn)什么情況，不過(guò)地震就是旱澇。
但是當(dāng)我們站長(zhǎng)想表達(dá)一下自己的哀傷，又不想把網(wǎng)站上的色采全部換掉，那么下面這段css就可以幫到大家。
<style>
html {filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);}
</style>
網(wǎng)站整體變成灰色，一條css完美解決
試一下吧，為了愛(ài)。
*請(qǐng)認(rèn)真填寫(xiě)需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
