還是搞不清楚怎么改變png圖片顏色？，老師的代碼也運行不起
求助~誰寫好了嗎，可以看下代碼嗎w(?Д?)w
好好學(xué)習(xí)的好學(xué)生
2017-12-13
4 回答
舉報
0/150
提交
取消
2018-11-16
你可以給小圖標(biāo)icon的外面加一個div，設(shè)置和小圖標(biāo)一樣的寬高，如20px，并設(shè)置overflow:hidden;試一下
<!doctype?html> <html> <head> <style?type="text/css"> div?{ ????width:?20px; ????height:?20px; ????overflow:?hidden; } img?{ ????width:?20px; ????height:?20px; ????filter:?drop-shadow(20px?0?pink); ????position:?relative; ????left:?-20px; ????border-right:?20px?solid?transparent; } </style> </head> <body> <div> ????<img?src="xxx.png"?alt=""> </div> </body> </html>2018-10-30
.warp?{ ????width:?32px; ????height:?32px; ????overflow:?hidden; } .icon?{ ????position:?relative; ????left:?-32px; ????border-right:?32px?solid?transparent; ????filter:?drop-shadow(32px?0?#00ff00); }測試了沒問題
2018-10-30
.icon?{ ????position:?relative; ????left:?-32px; ????border-right:?32px?solid?transparent; ????filter:?drop-shadow(32px?0?#00ff00); }測試了沒問題
2017-12-14
和老師講的一樣,但是要確認(rèn)一下你的圖片是否帶有透明區(qū)域.有的圖片雖然是png圖片,但是沒有透明區(qū)域.要用瀏覽器打開看.