2013-05-02 75 views
0

我正在尋找任何在IE8中的工作解決方案,我有這個小問題。出於某種原因,css pie在我們正在開發的這個服務器上效果不佳,所以我們不得不使用IE8特定樣式表的圖片來排列一些怪癖。IE8邊框半徑圖像問題

在右側有一個需要圓角的臉部面板,到目前爲止,我在面板的頂部有一個圖像來給它一個圓角,但理想情況下,我們也希望在底部有圓整的角色,但是我無法弄清楚如何。任何人都可以點亮一下嗎?快速髒的修補程序是受歡迎的!

圖片連接 - 看看它是如何在WebKit的相比,IE8:

http://i.imgur.com/0A9Ns2v.jpg

謝謝你們!

編輯:我的解決方案是在父級內添加一個額外的div。謝謝@Pete。

+1

請問你只是在IE8上做什麼的最小工作例子?這比通過網站代碼抓取更好,也適合未來的訪問者。 – Uooo 2013-05-02 10:35:09

+0

可能的重複http://stackoverflow.com/questions/9426979/border-radius-for-ie8 – Ozzy 2013-05-02 10:53:53

回答

1

,如果你把你的#block-facebook-pull-facebook-pull-default內的額外的div,然後翻轉你的/images/fb_top.jpg營造底部的圖像,可以將以下樣式添加到新的div:

#block-facebook-pull-facebook-pull-default > div 
{ 
    background:url(../images/fb_bottom.jpg) left bottom no-repeat; 
} 

那麼你要採取一切填充關閉父div並把它放到新的div上

+0

感謝皮特,這是我最終做的。因爲它使用的是Drupal模塊,所以我不得不使用一些jQuery .wrapAll爲該塊div添加一個新的div。感謝您的回答! – rowefx 2013-05-02 12:57:59