倒影漸變無(wú)法顯示
倒影漸變代碼塊:
#SliderArea?.Ctrl?.ctrl-i:hover?img?{ ????bottom:?20px; ????-wedkit-box-reflect:?below?0px?-wedkit-gradient( ????????linear, ????????left?top, ????????left?bottom, ????????from(transparent), ????????color-stop(50%,?transparent), ????????to(rgba(255,255,255,.3)) ????); ????opacity:?1; }
倒影漸變效果圖:
我輸入的代碼和老師的一樣啊,也是用的 Google Chrome 瀏覽器預(yù)覽的,但倒影的漸變效果就是不出現(xiàn),求老師解答一上?
是不是 -webkit-gradient() 的寫法是老式的,我看網(wǎng)上最新定義的為 -webkit-linear-gradient()。但我修改了,還是不行,求解惑???
這里有我的網(wǎng)站:www.diagonal.cn
可以直接去我的網(wǎng)站看下效果,也是無(wú)法達(dá)到老師演示的倒影漸變效果。
歡迎有共同興趣愛(ài)好的同學(xué)聯(lián)系我,一塊學(xué)習(xí),共同進(jìn)步。
聯(lián)系方式:QQ 396052192
2015-10-24
大神求份代碼吧~我的代碼調(diào)不對(duì)呀。。
2016-05-30
為什么我的這個(gè)小圖都顯示不出來(lái)了
2015-09-12
下面這是修改后的顯示效果,倒影漸變正常顯示出來(lái)了。
2015-09-12
OK OK,顯示正常了,我說(shuō)問(wèn)題出在哪里呢,原來(lái)是我把 -webkit 打錯(cuò)了,打成?-wedkit。