我一直在尝试使用SVG作为背景图像,使用background-size-property 对其进行缩放.这在大多数当前浏览器中都很有效,但是Internet Explorer似乎误解了这些值,当我只使用一个值时,图像的尺寸要小得多,而且两个值的比例不正确.
我在http://jsfiddle.net/c7DEw/1/上举了一个例子
svg的宽度和高度设置为100%.我认为它与viewBox和enable-background属性有关,但这些似乎没有任何影响.
这在Internet Explorer 9和10中都会发生.
以前有人遇到过这种行为吗?如果是这样,你是如何解决它的?
我试图给定义列表提供一个表外观,并希望在一些css3选择器的帮助下使偶数行与奇数行的颜色不同.
#specs dt:nth-child(even), #specs dd:nth-child(even) {
background: blue;
}
Run Code Online (Sandbox Code Playgroud)
这个css代码导致dt没有backgroundcolor,每个dd都是蓝色.我看到渲染引擎的方式实际上是计算除了选择的兄弟之外的兄弟姐妹,导致每个dt都是奇数,每个dd都是偶数.