底角上的jQuery Corner Radius不起作用

Question

我正在使用jQuery mobile并且有一个div，我希望只有底部的两个角有这种弯曲的外观。

从我的阅读中我明白我应该使用：

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;
    }