IE8背景图像不显示

我有一个使用背景图像的无序列表。一切正常，在Chrome & FF，但IE8出现一些问题。背景图片根本无法加载。我如何让他们在IE8中展示？这是背景图像问题吗？IE8背景图像不显示

<ul class="service-icons"> 
    <li> 
    <a id="service-icon-routine" href="#"> 
     <span class="service-category-title">Routine Service</span> 
    </a> 
    </li> 
</ul>

样式

ul.service-icons { 
    list-style-type: none; 
    width: 860px; 
    margin-left: auto; 
    margin-right: auto; 
    padding: 0; 
} 

ul.service-icons li { 
    display: inline-block; 
    width: 157px !important; 
    height: 140px; 
    padding: .5em !important; 
    margin-bottom: 1.5em; 
} 

ul.service-icons li a { 
    padding: 0em 0em 6.7em 0em; 
    width: 102px !important; 
    display: block; 
    height: 15px;  
    text-decoration: none; 
    margin-left: 2.2em; 
} 

.service-category-title { 
    display: block; 
    padding-top: 120px; 
    text-align: center;  
} 

#service-icon-routine { 
    background: url('http://i.imgur.com/LieBz.png'); 
    background-position: 0px 0px; 
}

任何帮助表示赞赏！

来源

2012-08-02 Kyle Suss

嗨凯尔，你有没有想过这个？我认为这与Selectivizr等图书馆有关。我有同样的问题，但无法弄清楚如何解决它。 – Jacques 2012-12-19 09:21:38

嗨雅克。不，从来没有使用相同的方法修复它。我最终改变了我的方法，只是使用图像和一堆左花车来实现相同的外观。 – 2012-12-20 23:42:19

感谢凯尔，我最终发现我的问题来自Selectivizr，它不支持在CSS中使用完整的URL（即HTTP：//） – Jacques 2012-12-21 13:16:16

-1

试试这个：

background:url(http://i.imgur.com/LieBz.png) no-repeat;

也可能有助于设置图像的高度和宽度＃服务图标例行

来源

2012-08-02 17:49:29 Brett

感谢您的回应。试过它没有骰子:( – 2012-08-02 18:20:23

我认为这是窒息的使用只是background，如它加载为

background-image: url("null");

将其更改为以下应该修复它：

#service-icon-routine { 
    background-image: url('http://i.imgur.com/LieBz.png'); 
    background-position: 0px 0px; 
}

来源

2012-08-02 17:59:29 ScottS

试图改变它为背景图像。同样的事情 – 2012-08-02 18:21:30

有趣的。当我通过开发工具改变它的方式，它的工作。嗯。 – ScottS 2012-08-02 18:24:36

@ KyleSuss - 是通过LESS动态生成的CSS或SCSS什么的？不管怎样，即使IE9和IE9之间_css file_的文件路径是相同的，IE8也得到了url（“null”），而IE9得到了正确的路径。静态的css文件，所以我猜它是动态的，并且进一步猜测IE8和IE9之间会产生什么样的变化。换句话说，我不认为这是IE8的错误，而是什么是错误生成css – ScottS 2012-08-02 18:34:14

只是在这个问题上，我遇到了一个drupal插件的问题，它设置了一个过滤器，它必须在我的主css中分离。在图像CSS设置过滤器：

filter: ;

这应该忽略它。以为这可能会有所帮助

来源

2013-05-31 14:22:05

make -ms-border-radius：8px;

ms for microsoft

来源

2013-08-04 23:08:44 mrwhy

这不是一个很大的答案;谨慎地扩展它？ – Zyerah 2013-08-04 23:28:45

奇怪的是，它为我解决了类似的问题。 – TAH 2013-08-26 21:02:28

IE8背景图像不显示

回答

相关问题