在css3中,直接在圖片上使用box-shadow 和 border-radius,瀏覽器并不能很好的渲染。但是如果把圖片作為background-image,添加的樣式瀏覽器可以很好的渲染。我將會介紹如何使用box-shadow, border-radius 和 transition創建不同圖片樣式效果。
問題
通過查看demo能注意到,我們為第一行圖片設置了border-radius 和 內嵌box-shadow。firefox渲染了圖片的border-radius,但是沒有渲染內嵌box-shadow。chrome和Safari兩種效果都沒有渲染。
新聞熱點
疑難解答