我正在尝试在<ul>
的列表项上设置自定义的SVG图标。示例:
<ul>
<li style="list-style-image: url('first.svg')">This is my first item</li>
<li style="list-style-image: url('second.svg')">And here's my second</li>
</ul>
问题是图像太大,并且拉长了线条的高度。我不想更改图像大小,因为使用SVG的目的是根据分辨率进行缩放。有没有一种方法可以用CSS设置图像的大小,而不需要某种background-image
攻击?
编辑:这里是一个预览(为了插图和戏剧特意选择了大图):http://jsfiddle.net/tWQ65/4/
和我目前的background-image
变通方法,使用css3的background-size
:http://jsfiddle.net/kP375/1/
https://stackoverflow.com/questions/7775594
复制相似问题