jQuery角落和IE問題

我正在使用「malsups」jQuery角落插件 - http://jquery.malsup.com/corner/ - 並與IE瀏覽器有一段時間的噩夢。基本上我有jQuery角落和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 =「特殊」已經圓角 - 我得到一個扭曲的看法。我認爲它與li使用的元素有關的問題

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

任何人都可以幫助:)？

編輯：確保CSS是

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

來源

2010-03-24 Tom

我們可以看到特殊的css類嗎？ – Yisroel 2010-03-24 16:32:20

肯定 - 更新:) – Tom 2010-03-24 16:35:19

請問CSS類 '主' 定義背景顏色？確保在父樹中的某個位置顯式設置背景顏色。

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

來源

2010-03-24 16:42:02 Yisroel

嘿thx - 是的CSS主類沒有顏色只有「特殊」類有顏色。即這是我需要嘗試並得到太多，但有probs – Tom 2010-03-24 16:43:27

我其實不使用這個實現同意。我找到了三種不同的方法來做圓角。

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值來做到這一點。

希望這會有所幫助。

Metropolis

來源

2010-03-24 21:09:24 Metropolis

jQuery角落和IE問題

回答

相關問題