Tag: 不透明度

不透明CSS不工作在IE8: 我正在使用CSS来指示jQuery下拉部分的触发器文本：即当您将鼠标hover在触发器文本上时，光标将变为一个指针，触发器文本的不透明度将减less，以指示文本具有单击操作。这在Firefox和Chrome中运行良好，但在IE8中，不透明度不会改变。我已经尝试了各种CSS设置，没有任何成功。例如 HTML： <h3 class="slidedownTrigger">This is the trigger text</h3> CSS： .slidedownTrigger { cursor: pointer; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: alpha(opacity=75); -khtml-opacity: 0.75; -moz-opacity: 0.75; opacity: 0.75; } 什么阻止IE改变不透明度？注意：我已经在各种不同的元素上尝试了这一点，交换了CSS语句的顺序，然后单独使用IE。我也试过使用 -ms-filter: "alpha(opacity=75)"; 但没有成功。我已经耗尽了东西，试图在IE8中获得不透明度修改。有任何想法吗？

设置背景图像的不透明度而不影响子元素: 是否可以设置背景图像的不透明度而不影响子元素的不透明度？例页脚中的所有链接都需要自定义项目符号（背景图片），自定义项目符号的不透明度应为50％。 HTML <div id="footer"> <ul> <li><a href="#">Link 1</a></li> <li><a href="#">Link 2</a></li> <li><a href="#">Link 3</a></li> <li><a href="#">Link 4</a></li> <li><a href="#">Link 5</a></li> </ul> </div> CSS #footer ul li { background: url(http://img.dovov.comarrow.png) no-repeat 0 50%; } 我所试过的我尝试将列表项的不透明度设置为50％，但是链接文本的不透明度也是50％ – 似乎没有办法重置子元素的不透明度： #footer ul li { background: url(http://img.dovov.comarrow.png) no-repeat 0 50%; /* will also set the opacity of […]

不透明的背景颜色，但不是文字: 如何在文本保持不透明的情况下为div的背景创build跨浏览器（包括Internet Explorer 6）透明度？我需要这样做，而不使用任何库，如jQuery等（但如果你知道这样做的图书馆，我很想知道，所以我可以看看他们的代码）。

我如何使用CSS给文本或图像一个透明的背景？: 是否有可能仅使用CSS来使元素的background变为半透明，但是元素的内容（文本和图像）是不透明的？我希望在不将文字和背景作为两个单独元素的情况下完成此任务。尝试时： p { position: absolute; background-color: green; filter: alpha(opacity=60); opacity: 0.6; } span { color: white; filter: alpha(opacity=100); opacity: 1; } <p> <span>Hello world</span> </p> 看起来孩子的元素受到了父母的不透明，所以opacity:1与父母的opacity:0.6有关。