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背景圖像不顯示

回答

相關問題