Question

我有一个jquery mobile可折叠，我想让它变得透明

我尝试了以下风格，但是徒劳无功

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

以下是Fiddle

当我使用

时

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

包括选择框内部的整个可折叠div变得透明。

如何解决这个问题，以便只有可折叠的背景是透明的。

修改

这是用来使它工作的原因

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

不知道这是否是一个好方法。

Answer 1

实际上有一类 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 Transparency + Gradient

使jqm可折叠透明

1 个答案: