-webkit-box-反映冲突

时间:2014-04-25 19:55:32

标签: css media-queries

对不起,我无法用文字解释,所以我会给你这个视频40秒,这表明。 http://www.youtube.com/watch?v=1CV_fZCPBr8

基本上,背景会在图库格式引用格式按钮上发生变化,但它们会失去反射。当您调整浏览器并重新调整大小时会发生这种情况。

这是网址:http://www.feya.us

谢谢

1 个答案:

答案 0 :(得分:0)

.category_No6中删除以下代码(在default.css文件中显示两次:http://www.feya.us/wp-content/themes/Feya/css/default.css

-webkit-box-reflect: below 5px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0%, transparent), to(rgba(255,255,255,0.4)))

.category_No13下再次出现(两次)。

一旦完成,您会发现按钮周围的框会消失,图像反射也会重新出现。

根据Mozilla的说法,似乎有issues with -webkit-box-reflect

  

不要在面向Web的生产站点上使用它:它不适用于每个用户。实现之间可能存在很大的不兼容性,并且行为可能在将来发生变化。