0

jquery mobileを折りたたみ可能にしていて、透過的にしたい

次のスタイルを試してみましたが、無駄でした

background-color: rgba(0, 0, 0, 0.6);

これがフィドルです

使うとき

background: #557700;
filter: alpha(opacity=30);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
opacity:0.3;

内部のselectboxを含む折りたたみ可能なdiv全体が透明になります。

折りたたみ可能な背景のみが透明になるようにこれを解決するにはどうすればよいですか。

編集

これはそれを機能させるために使用されるものです

$('#my_collapsible').find('div').first().css({ 'background-color': 'rgba(0,0,0,0.5)','color':'white'})

これが良いアプローチかどうかわからない。

4

1 に答える 1

0

実際には、問題を引き起こしているクラスui-btn-up-cがあります。このクラスでは、背景のグラデーションが既に適用されているため、透明度を体験できません。

.ui-btn-up-c {
    background: -moz-linear-gradient(rgba(255, 255, 255, 0.5), rgba(241, 241, 241, 0.5)) repeat scroll 0 0 #EEEEEE; /* Add something like this*/
    border: 1px solid #CCCCCC;
    color: #222222;
    font-weight: bold;
    text-shadow: 0 1px 0 #FFFFFF;
}

これはあなたを助けるでしょう: CSS3 透明度 + グラデーション

于 2012-06-22T12:10:22.427 に答える