陰影製作效果濾鏡DropShadow顏色數值

來源:互聯網
上載者:User
ado|濾鏡

  關於陰影製作效果,我可以本能反映的使用濾鏡DropShadow,問題就是今天發生的問題,居然讓我思考了15分鐘,最初始我的樣式寫法:

filter : progid:DXImageTransform.Microsoft.DropShadow(color=#666,offX=5,offY=5,positives=true);

  也搞不清楚是那裡複製來的,反正我肯定背不下來,從來都是一句搞定,今天這個客戶突然提個要求說:陰影小一點。我想,那簡單啊修改參數offX和offY,於是

filter : progid:DXImageTransform.Microsoft.DropShadow(color=#666,offX=3offY=3,positives=true);

  沒反映,ft,怎麼搞的,然後就陷入了深入的排查樣式衝突啊,重複定義啊,加單位啊什麼的。無結果,無奈拿出寶書,小雨的樣式表手冊,直接運行樣本,開始看到一個顏色數值:#00404040,自做聰明認為小雨的低級錯誤,選了下邊的#003399,一切順利,又很白癡的對照了5分鐘

filter : progid:DXImageTransform.Microsoft.DropShadow(color=#003399,offX=3,offY=3,positives=true);

  這時突然醒悟過來,顏色不能縮寫!也就是說我以前的#666必須寫成#666666,趕緊看color說明:可選項。字串(String)。設定或檢索此濾鏡作用的顏色值。其格式為 #AARRGGBB 。AA 、RR 、GG 、BB 為十六進位正整數。取值範圍為 00 - FF 。 RR 指定紅色值, GG 指定綠色值, BB 指定藍色值,參閱 #RRGGBB 顏色單位。 AA 指定透明度。 00 是完全透明。 FF 是完全不透明。
預設值為 #FF404040 。

  原來如此!道理很簡單,為什麼一直疏忽並沒有發現,最後總結原因如下:

  1,顏色值必須全寫,和我以前理解樣式定義安全色可簡寫理論相悖;

  2,當顏色指派不成功時,如#666,不報錯,自動以預設執行,也就是預設黑色,各位移5,恰好是我的常用樣式,故一直未被發現有問題;

  3,color=#FF404040用法有概念混淆誤導,真是孤陋寡聞第一次看到,以前從未注意。



相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。