css - 图像列表在 Internet Explorer 中被截断

Question

前几天抓了一个单页模板，需要在 IE 中手动修复渲染。在右侧，在核心价值观列表下，

有子弹的图像替换。在 Chrome、Firefox 和 Safari 上看起来不错，但在 IE 上当然不行。我的猜测是边距设置

? http://www.justicepartyct.org

Answer 1

用于代替要点的小金弓图像实际上比屏幕上显示的要大得多。正在使用background-size CSS 属性减小大小。不幸的是，IE8 及以下不支持background-size.

我猜大于需要的尺寸是为了让子弹在视网膜显示器上看起来很清晰。如果您愿意放弃，请执行以下操作：

• 将弓形图像的大小调整为 17 像素乘 17 像素，如下所示 -
• 用较小的版本替换当前的弓图像
• 从选择器中删除-webkit-background-size、-moz-background-size和 background-sizeCSS 声明li。这是可选的，但只是为了保持清洁。