底部角落jQuery角半徑不工作

Question

我使用的jQuery手機，並有一個div，我只想在底部2角有彎曲的外觀。

從我的閱讀我明白這個我應該使用：

ui-corner-bl和ui-corner-br

但是這是行不通的。奇怪的是，ui-corner-all確實工作正常。任何想法如何解決這一問題？

DIV的樣子：

<div id="bottomSmall" class="ui-shadow ui-corner-bl"> 
    <img src="img/homepage/a.png" /> 
</div> 

Answer 1

jQuery 1.2版本後，他們停止支持

ui-corner-tl ui-corner-tr ui-corner-bl ui-corner-br ui-corner-top ui-corner-bottom ui-corner-right ui-corner-left ui-corner-none

您需要添加自己的CSS嘗試：

.ui-corner-tl { 
    //Top left css 
    -webkit-border-top-left-radius: .6em; 
    border-top-left-radius: .6em; 
    } 
    .ui-corner-bottom { 
    //Bottom left CSS 
    -webkit-border-bottom-left-radius: .6em;  
    border-bottom-left-radius: .6em; 
    //Bottom right css 
    -webkit-border-bottom-right-radius: .6em; 
    border-bottom-right-radius: .6em; 
    }