我正处于为客户开发网站的最后阶段，并且很难弄清楚如何防止小花图像继承其父元素的透明度。
我首先尝试使用 css 中的绝对定位使图像独立。这行得通；但是，它引入了对齐问题，具体取决于浏览器窗口的大小、显示器的大小以及操作系统。我能够通过添加浏览器选择 javascript 并添加必要的 css 代码来检查每个浏览器来消除（某种程度上）浏览器问题，但我仍然遇到对齐问题，具体取决于浏览器窗口的大小和大小监控荧幕。
要查看独立浮动（花图）的页面，请查看以下网址：
mauisunsetb122.com/index5.html
然后我决定将图像与相邻的文本联系起来，这样无论浏览器窗口或监视器的大小如何，图像都将始终锚定在文本上。这就是发生透明度问题的地方。要查看此示例，请参阅以下网址：
mauisunsetb122.com/index5_8.html
我尝试按照以下 url 中的示例解决此问题，但没有成功：
http://blog.ninanet.com/2010/04/27/css-transparency-inheritance-hack
提前感谢你的帮助！