Css 排除img不透明度

Css 排除img不透明度,css,Css,我正在尝试以下代码: <div id ="crop_image"> <img class="one" src="http://www.dreamincode.net/forums/uploads/monthly_05_2010/post-380028-12747928967239.jpg.pagespeed.ce.yRppR_j7ae.jpg" /> </div> #crop_image:not(.one) { width: 100%;

我正在尝试以下代码:

<div id ="crop_image">
    <img class="one" src="http://www.dreamincode.net/forums/uploads/monthly_05_2010/post-380028-12747928967239.jpg.pagespeed.ce.yRppR_j7ae.jpg" />

</div>

#crop_image:not(.one) {
    width: 100%;
    height: 100%;
    background-color: red;
    filter: alpha(opacity=20); /* internet explorer */
    -khtml-opacity: 0.2;      /* khtml, old safari */
    -moz-opacity: 0.2;       /* mozilla, netscape */
    opacity: 0.2;           /* fx, safari, opera */
}

#裁剪图像:不是(.1){
宽度:100%;
身高:100%;
背景色:红色;
过滤器:alpha(不透明度=20);/*internet explorer*/
-khtml不透明度:0.2;/*khtml,旧狩猎*/
-moz不透明度:0.2;/*mozilla,netscape*/
不透明度:0.2;/*fx、safari、opera*/
}
但是,img仍有不透明度。怎么了

混合一些技巧(
内联块
绝对定位等),你可以得到一个半透明的div来覆盖图像

混合一些技巧(
内联块
绝对定位等),你可以得到一个半透明的div来覆盖图像


我不知道你想在那里做什么,但我可以解释为什么它将opactiy设置为
.2


#crop_image:not(.one)
是指ID为
crop_image
的元素,其类别不属于
one
。如果查看
crop_图像
它本身没有
one
类,因此这将匹配。
crop\u图像
包含一个元素,该元素的类为
.one
,但这不是
not
所做的。

我不确定您在那里试图做什么,但我可以解释为什么它将opactiy设置为
.2

#crop_image:not(.one)
是指ID为
crop_image
的元素,其类别不属于
one
。如果查看
crop_图像
它本身没有
one
类,因此这将匹配。
crop\u图像
包含一个元素,该元素的类为
.one
,但这不是
not
的功能。

您可以尝试此…(修订版)

你可以试试这个…(修订版)


我想要的是去除图像的不透明度,但设置一些不透明度。基本上排除图像或设置不透明度:1。你明白我的意思吗?所以你希望div有不透明度。2但是图像是1?不要认为你可以这样做,你需要从div中删除图像。我想要的是删除图像的不透明度,但设置#crop_image一些不透明度。基本上排除图像或设置不透明度:1。你明白我的意思吗?所以你希望div有不透明度。2但是图像是1?不要认为你可以这样做,你需要从div中删除图像。红色div应该有一些不透明度。我支持更正。。。事情从来没有那么简单。你到底想要什么?我不知道是否可能。每个元素(div和img)的不透明度不同设置容器的不透明度时,它会影响容器内的所有内容。这就像在容器上设置
display:none
。。。里面的东西不应该出现(比如关盒子)。你想用部分透明的红色矩形覆盖图像吗?是的,这正是我想要的。但是img应该在div里面。但是,这可以用背景和png来完成…我想是的。红色div应该有一些不透明度。我站着更正。。。事情从来没有那么简单。你到底想要什么?我不知道是否可能。每个元素(div和img)的不透明度不同设置容器的不透明度时,它会影响容器内的所有内容。这就像在容器上设置
display:none
。。。里面的东西不应该出现(比如关盒子)。你想用部分透明的红色矩形覆盖图像吗?是的,这正是我想要的。但是img应该在div里面。但是,这可以用背景和png来完成……我想是的。
#crop_image img:not(.one)