图像列表在Internet Explorer中被截断

时间:2012-12-01 05:19:36

标签: css list internet-explorer-8

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

  • 具有子弹的图像替换。在Chrome,Firefox和Safari上看起来很好,但当然不适用于IE。我的猜测是
  • 的保证金设置? http://www.justicepartyct.org

  • 1 个答案:

    答案 0 :(得分:0)

    用于代替子弹点的小金弓图像实际上比屏幕上显示的大一点。使用background-size CSS属性减小了大小。不幸的是,IE8及以下版本不支持background-size

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

    • 将弓形图像的大小调整为17像素×17像素,如下所示 - resized image
    • 用较小的版本
    • 替换当前的弓形图像
    • 删除-webkit-background-size-moz-background-size和 来自background-size选择器的li CSS声明。这是可选的但很好 只是为了保持清洁。