当前位置: 首页 > 面试题库 >

我可以在同一属性中设置背景图像和不透明度吗?

顾昊穹
2023-03-14
问题内容

我可以在CSS参考中看到如何设置图像透明度以及如何设置背景图像。但是,如何将这两者结合以设置透明的背景图像?

我有一张要用作背景的图像,但是它太亮了-我想将不透明度降低到约0.2。我怎样才能做到这一点?

#main {
    background-image: url(/wp-content/uploads/2010/11/tandem.jpg); 
}

问题答案:

两种方法:

  1. 转换为PNG并使原始图像0.2不透明
  2. (更好的方法)有一个<div>position: absolute;#main和相同的高度#main,然后应用背景图像和opacity: 0.2; filter: alpha(opacity=20);


 类似资料:
  • 问题内容: 假设我有 我想提出一个并给它一个的-但我想,我写的文字将有充分的不透明度()。 如果我这样写CSS 一切 都会变得不透明-我不想要那样。 所以我的问题是–如何获得带有完全不透明度文本的低不透明度背景图像? 问题答案: 不,这无法完成,因为会影响整个元素(包括其内容),并且无法更改此行为。您可以使用以下两种方法解决此问题。 Secondary div 将另一个元素添加到容器中以保留背景。

  • 假设我有 我想放一个并给它一个为-但我想要我写的文本有完全的不透明度()。 如果我像这样编写CSS 所有的东西都是低透明度的--我不想那样。 所以我的问题是--我怎样才能获得低不透明度背景图像与全不透明度文本?

  • 我有一些PNG图像,由黑色形状和透明背景组成。不幸的是,IrfanView将透明背景显示为黑色,所以我只能在黑色上看到黑色。我在Irfan设置中发现,我可以更改窗口的背景色,但它只会更改图像周围的颜色,透明的颜色仍然是黑色。 有没有办法改变显示为透明的颜色,或者最好使用Photoshop之类的白灰色方块?

  • 我有一个带有文本块的div元素和一个父div,我在其中设置了一个背景图像。现在我想降低背景图像的不透明度。请建议我怎么做。 提前谢谢。 编辑: 我希望通过编辑 html 内容来改变我的博客文章看待 blogger.com 的方式。html 代码如下所示: 我试图用 div 元素包围上面的整个代码,并分别设置每个 div 的不透明度,如下所示: 但它不起作用。

  • 问题内容: 我正在使用类似于以下代码的内容: 我希望这可以使背景的不透明度为0.4,文本的不透明度为100%。相反,它们都具有0.4的不透明度。 问题答案: 儿童遗传不透明。如果他们不这样做,那将会很奇怪和不便。 您可以为背景图像使用半透明的PNG文件,也可以为背景颜色使用RGBa(alpha表示)颜色。 例如,50%的黑色背景褪色:

  • 我正在尝试移除(或者只是设置为不可见)我的JList的背景和边框。 当我在它上设置透明颜色时,我的JList背景保持白色。 这是我的自定义jcombox呈现器类: 我尝试在每个组件上放置和,但是没有好的结果。 一个解决方案是调整列表中图像的大小,但我的图像不是矩形的,所以列表背景的角是可见的。