无法迫使小图像继承父母的透明度

Question

我处于为客户开发网站的最后阶段，并且很难弄清楚如何防止小花图像继承其父元素的透明度。

我首先尝试使用CSS中的绝对定位使图像独立。这起作用了；但是，它根据浏览器窗口的大小和显示器以及操作系统的大小引入了一个对齐问题。我能够通过添加浏览器选择JavaScript并添加必要的CSS代码来检查每个浏览器来检查（某种程度上）浏览器问题，但是根据浏览器窗口的大小和大小，我仍在遇到对齐问题监控荧幕。

要查看独立浮动的页面（花图像），请参阅以下URL：

mauisunsetb122.com/index5.html

然后，我决定将图像绑在毗邻的文本上，以便无论浏览器窗口或监视器的大小如何，图像都将始终固定在文本上。这是发生透明性问题的地方。要查看此示例，请参阅以下URL：

mauisunsetb122.com/index5_8.html

我尝试通过按照以下URL找到的示例来解决问题，但它没有用：

http://blog.ninanet.com/2010/04/27/css-transparency-inheritance-hack

事先感谢您的帮助！

Answer 1

如果您想使背景透明并且没有子元素继承此内容，则有几个选择：

1. 使用带有跨性别的小型PNG作为背景图像。
2. 使用RGBA的背景色设置背景颜色：RGBA（255,255,255,0.5）;'
3. 使用可怕的CSS hacks

Generaly 1似乎是最常用和支持的。