介绍 div {
,,,-webkit-box-reflect:,下面;
} div: before {
内容,,,:,“,“;
,,,位置:,绝对;
,,,:,100%;
,,,左:,0;
,,,右:,0;
,,,底部:,-100%;
,,,背景图片:,继承;
,,,变换:,rotateX(180度);;
}
这篇文章给大家介绍怎么在CSS中继承继承属性,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。
<强>法一:-webkit-box-reflect
这是一个十分新的CSS属性,使用起来十分简单,可以从各个方向反射我们内容,不过兼容性过于惨淡:
基本上是只有webkit -内核的浏览器才支持。
<人物> 
不过使用起来真的是方便,解题如下:
不过使用起来真的是方便,解题如下:
<代码> box-reflect> | | |左右代表下上左右,更具体的可以看看,MDN .
<>强法二:继承,使用继承
本题主要还是为了介绍这种方法,兼容性好。
<代码>继承>
灵活使用<代码> 继承继承父值,可以解决许多看似复杂的问题。对于本题,我们对图片容器添加一个伪元素,使用,<代码>背景图片:继承继承父值的背景图值,就可以做到无论图片如何变,我们的CSS代码都无需改动:
关于怎么在CSS中继承继承属性就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看的到。
