相关疑难解决方法(0)

我可以将opacity属性分配给仅background属性div而不是文本吗？

我试过了:

background: #CCC;
opacity: 0.6;

但这不会改变不透明度.

我在创建具有子元素的透明元素时遇到问题.使用此代码,子元素从父元素获取不透明度值.

我需要将子元素的不透明度重置/设置为任意值.浏览器参考是Maple Browser (for a Samsung TV Application).

 .video-caption {
        position: absolute;
        top:50px;
        width: 180px;
        height: 55px;
        background-color: #000;
        -khtml-opacity:.40; 
        -moz-opacity:.40; 
        -ms-filter:"alpha(opacity=40)";
        filter:alpha(opacity=40);
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.4); /*just for testing*/
        opacity:.40; 
    }
    .video-caption > p {
        color: #fff !important;
        font-size: 18px;
        -khtml-opacity:1; 
        -moz-opacity:1; 
        -ms-filter:"alpha(opacity=100)";
        filter:alpha(opacity=100);
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);
        opacity:1; 
    }

编辑标记

<div> <img id="videothb-1" src="https://xxxxx/splash.jpg"> <div class="video-caption"> <p>Description here</p> </div> </div>

我正在尝试使用CSS3 rgba()和microsoft的filter属性混合使得div的背景透明,如下所示:

div {
    width: 200px;
    height: 200px;
    /* blue, 50% alpha */
    background: rgba(0,0,255,0.5);
    /* red, 50% alpha */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FFF0000,endColorstr=#7FFF0000);
}

正如预期的那样,支持的浏览器rgba()会将div渲染为蓝色,而IE 6-8会将其渲染为红色.

IE9显然可以处理两者(之前我认为filter支持已被删除),结果是紫色 div.是否有任何方法可以使IE9支持这些属性而不支持其他属性？rgba()显然是首选.

NB我正在使用IETester来运行这些测试.如果IE9的正确版本没有这样做,请告诉我.

我正在将应用程序的样式从 Less 转换为Emotion

在 Less 我有如下样式：

@blue: #476882;
background: rgba(red(@blue), green(@blue), blue(@blue), 0.5);

在转换为情感时，我正在这样做：

export const BLUE = '#476882'
background: rgba(red(${BLUE}), green(${BLUE}), blue(${BLUE}), 0.5);

但是它不起作用。

有什么建议可以使这项工作？

我有以下LESS变量:@yellow:#fbba00;

我想将这种颜色应用于trwith 的背景opacity: 0.2.

我试过以下,但问题是不透明度应用于整个tr,而不仅仅是背景.

我看见几个题目涉及背景混浊(1,2),但他们总是用rgba()设置颜色.它与我要找的不匹配(LESS变量).

在LESS/CSS文件中:

@yellow: #fbba00;

.bg-light-yellow {
    background-color: @yellow;
    opacity: 0.2;
}

在HTML页面中:

<tr class="bg-light-yellow">
    ...
</tr>