小编Bit*_*ter的帖子

我正在尝试使用CSS在<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/