0

我有一个可折叠的 jquery 移动设备，我想让它透明

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

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

这是小提琴

当我使用

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'})

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

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 回答