IE8漏洞 - 邊界和寬度浮動圖像

-1

這很奇怪，我有這個bug在IE8，而不是IE7，它精細顯示出來：IE8漏洞 - 邊界和寬度浮動圖像

http://www.axiscirugiadecolumna.com/

我使用的是WordPress插件爲陰影+功能區（我對shadow插件中的功能區進行了硬編碼）。邊框是簡單的CSS，但在IE8的右邊框將不會出現，我只是不知道爲什麼。

我的HTML如下：

<div class="alignright" style="overflow:hidden;display:table;line-height:0;text-align:center;width:453px;"> 
    <div class="ribboncontainer"> 
     <div class="ribbon"></div> 
     <img height="297" width="453" style="padding:0 !important; margin:0 !important; max-width:100% !important;" alt="" src="http://www.axiscirugiadecolumna.com/wp-content/uploads/2011/11/foto1.png" title="foto1" class=" size-full wp-image-143 shadow_curl"> 
     <br><img style="margin:0 !important;height:10px;width:100%;-moz-opacity:.75;opacity:.75;" class="shadow_img" src="http://www.axiscirugiadecolumna.com/wp-content/plugins/shadows/shadow_curl.png"> 
    </div> 
</div>

這是應用插件後。內聯樣式由插件應用。

而且我的CSS：

.alignright, .aligncenter, .alignleft { 
    margin: 5px; 
    padding-right: 5px; 
    float: right; 
} 
.ribbon { 
    background-image: url("ribbon.png"); 
    bottom: 21px; 
    height: 40px; 
    position: absolute; 
    right: -5px; 
    width: 154px; 
    z-index: 888; 
} 
.ribboncontainer { 
    position: relative; 
} 
.shadow_curl { 
    border: 6px solid #BAD5BC;/*Right border is missing in IE*/ 
    }

我認爲這個問題仍然存在，即使我擺脫帶狀類和的div。

來源

2012-02-07 Elaine Marley

你可以張貼實際的代碼？這是一個社區，一旦你的代碼被修復或者你的網站永遠消失，未來這個問題的訪問者將不知道發生了什麼。 – 2012-02-07 09:33:29

對不起，我想到了，我應該做到這一點。我不是懶惰或任何東西，將編輯我的問題。 – 2012-02-07 09:36:55

卸下

max-width: 100%;

style.css中（線894） img.size-汽車，img.size滿，img.size-大，img.size介質，.attachment IMG

來源

2012-02-07 09:30:53

外面有一個最大寬度它沒有做任何事情:( – 2012-02-07 10:13:04

檢查：100％重要補充直列 – 2012-02-07 10:48:42

不，我刪除了來自世界各地，仍然一無所獲：/ – 2012-02-07 11:11:46

好了，這是因爲IE8（我還測試了在IE7頁） - 兩者不支持CSS規則「的box-shadow」，在文件的style.css（線171）。如果你堅持使用陰影（我認爲），你應該使用這些瀏覽器一個透明的PNG/GIF文件。請記住，IE6不支持本地png文件，因此最好使用gif。

來源

2012-02-07 09:31:43 bodi0

它不是一個箱陰影的問題，它的邊界。影子在那裏適用於現代瀏覽器，我不在乎它是否消失在IE上。圖像下面的陰影是一個真實的圖像。 – 2012-02-07 09:37:49

IE8漏洞 - 邊界和寬度浮動圖像

回答

相關問題