Html 仅在特定区域不透明度

我只想在左下角为div设置不透明度。 可能吗？怎么做

<div id="right_img"></div>

---

如果我给完整的div加上不透明度，图像的清晰度就会降低。

给元素加上不透明度总是会影响整个元素及其所有子元素。如果只想给它的一个子元素opacity属性，则必须直接在该元素上声明它。有时，您必须引入一些辅助元素来实现所需的效果

例外情况是您在没有继承到子元素的颜色上声明的不透明度。使用新的

rgba（）

声明（第四个参数是颜色的不透明度），您可以实现类似“透明”div（透明背景）的效果，但字体完全不透明

在您的情况下（解释您的答案-不太清楚），仅使用带有此

rgba

背景颜色的正常背景声明就足够了：

#right_img{
   background:rgba(x,y,z,0.6) url(../images/assets/sobrf-maria-page.jpg) no-repeat bottom center;
}

带有

x，y，z=0…255

和

a=0…1

请注意，

rgba（）

声明在较旧的IE（甚至IE8！）中不受支持。您需要一个过滤器来支持这些。幸运的是，有一个：

filter:progid:DXImageTransform.Microsoft.gradient(
           startColorstr=#aaxxyyzz,
           endColorstr  =#aaxxyyzz);

---

其中，第一个参数（a）是

0%=00

和

100%=FF

的不透明度。和

xx，yy，zz=00…FF

使用PNG图像，并使图像的透明度部分？

我认为，不透明度可以通过CSS赋予元素的特定区域，除非您使用CSS grandients和RGBA。也许你有一个你想要完成的例子，比如一个模型？使用HTML5Canvas和javascript来做这些事情。