jQuery Corners和IE問題

Question

我正在使用“ malsups” jQuery角插件-http: //jquery.malsup.com/corner/-並與IE一起經歷了一段噩夢。 基本上我有

<ol><li>
    <span class="main">
        <span class="test1"></span>
        <span class="test2"></span> 
        <span class="test3">
        <span id="test4"></span> 
        <span  id="special" class="special">
            <span class="test4">TEXT</span>
        </span>
    </span>
</li></ol>

基本上，在IE中，當我嘗試使id =“ special”具有圓角時-我得到了失真的視圖。 我認為這與使用li引用li元素的問題有關

    jQuery('#special').corner('5px'); 

有人可以幫忙:)嗎？

編輯：確定CSS是

ol .special {
background-color:#111;
color:#CCC;
padding:10px;
position:relative;
}

Answer 1

CSS類“ main”是否定義背景顏色？ 確保在父樹的某處顯式設置了背景色。

ol .main { background-color:#fff; }

Answer 2

我實際上不同意使用此實現。 我發現了大約3種不同的方法來加工圓角。

1. Adding extra markup (div tags) to create the rounded corners
2. Using right and left rounded corner images
3. Using top image and bottom image with rounded corners on both sides of the images

您的實現使用的是＃1。 這可能是最容易實現的，但是要付出代價。

在CSS目前處於這種狀態下，除了這三種方式（我知道）之外，沒有簡單的方法可以添加圓角。 我認為第一種選擇是3種選擇中最差的一種，因為不需要額外的加價。 我通常使用最后一個，但是第二個將加載得更快。

還有一件事，請檢查IE中的該頁面（ http://jquery.malsup.com/corner/ ）.....在IE的實現上也不起作用。 我相信他使用FF圓角CSS值來​​做到這一點。

希望這可以幫助。

都會