参见英文答案 > How to affect other elements when a div is hovered 5个答案 我想要这样简单，但我知道它不是： img {
opacity: 0.4;
filter: alpha(opacity=40);
}
im
我们知道，子元素现在不能覆盖其父元素的opacity属性。父的opacity属性始终生效。 这是有意义的，当孩子试图覆盖(覆盖用较小的值)父的不透明度。但是，如果孩子试图用更大的值覆盖它呢？不应该被允许吗？为什么半透明父体不能有不透明的孩子？任何人都可以分享为什么这样的限制被决定作为CSS设计的一部分的想法？ 真的会感激，如果有人可以阐明这一理论原因的一些光。我基本上试图找出为什么 – 不能这部分
我有一个具有60％不透明度的div，以显示div后面的背景图像的一部分。因为不透明度为60％，所以该div中的文本显示为灰色。 是否还有重写这个级别，使文本显示黑色？ 任何建议赞赏。 谢谢。 在背景而不是元素上设置不透明度。 background-color: rgba(255,0,0,0.6); 前一段时间我写了关于如何achieve this in a backwards compatible
我在JavaScript中编写一个“弹出窗口”，我遇到了一个有趣的事情： 在弹出窗口下的海军广场是可见的，即使我希望它被隐藏。弹出框是在广场之后添加的，所以它应该在顶部。 海军方的CSS不透明性为0.3。从我试过的，似乎每个数字从区间(0,1)将产生相同的结果。如果我将其更改为1，那么它的行为正如预期(即，弹出窗口下方的部分被隐藏)。 我试图将z-index属性设置为10为正方形和100为弹出窗口
1、position div中的style属性中的一个关键字，表明了该div所在的位置以及位置本身的属性。 position有四个值可选：static，absolute，fixed，relative。 若要使得div相对于浏览器窗口固定，即不随滚动条的变化而上下移动，可以用fixed属性。最近比较忙，抽不出时间来具体的写详细用法，具体的用法见：http://www.voidcn.com/artic
是否可以只调整文本阴影的不透明度，而不是文本本身？ 例如，我有一个带有蓝色阴影的紫色文本。我想让蓝色的影子有一个不透明度，而不会损失任何东西在紫色。 h1.blue {text-shadow: 3px 3px 0px #3f6ba9;} 是，但在rgba模式中指定颜色以添加Alpha透明度。 h1.blue {text-shadow: 3px 3px 0px rgba(63,107,169, 0.
我有一个列表div，其透明度设置为50，在这个div内，我想显示一些不透明度100的文本， 这里是我的意思： <div id="outer">
<div id="inner">
Text
</div>
</div> CSS将是： #outer {
opacity: 0.5;
}
#inner {
opacity: 1.0;
} 我尝试过，但它不行。 请帮忙 问候 一个简单
WebKit引入了创建CSS渐变的能力。例如，使用以下代码： -webkit-gradient(linear, left top, left bottom, from(#fff), to(#000)); 但是，是否可以使用CSS使用不透明度渐变？我希望渐变是一边的单一颜色，而另一边渐变为零。 跨浏览器兼容性并不重要;我只需要它在谷歌浏览器工作。 有没有办法使用CSS？如果没有，可以使用JavaSc
我只想要我的div中的白色背景颜色半透明约为50％。内容应该是完全不透明的。这样做的正确方法是什么？我想象当我抬头看着 background CSS property，我会发现一个不透明度的设置，但没有。不关心IE6。 更新：使用下面给出的rgba解决方案结合CSS3PIE’s solution for getting rgba to work in IE browsers。 您可以使用 back
我有两个div，两者都有0.6的不透明度。我需要他们重叠，但保持不透明度，而不是创建一个新的组合不透明度水平。我不能使用图像。 编辑 – 小圆圈应该有一个画布元素。不确定假元素是否是最佳解决方案。 有没有使用CSS做这个，还是应该使用画布？ 例子 – http://dabblet.com/gist/1566209 HTML： <div id="foo">
<div id="bar">
body {
background-image: url('cloud.png');
background-color: rgba(255, 255, 255, 0.6);
} 我尝试使用上面的方法在背景图像上方生成半透明的白色背景.它不起作用,只显示背景图像,背景颜色似乎被忽略.如何调整人体背景图像的不透明度？ 背景颜色位于背景图像下方,而不是在背景图像上方.要在图像上方放置半透明白色块
div { background-color: rgb(255,0,0); opacity: 1; }
div { background-color: rgba(255,0,0,1); } 上面两个有什么区别？ 不透明度设置元素及其所有子元素的不透明度值; 而RGBA仅为单个声明设置不透明度值. 这里有很好的解释. http://www.css3.info/introduction-opacit
好吧,我有这个问题,我看到有人已经问了类似的东西,但我还不明白. 我想要做的是设置一个元素的不透明度为0.7但只是内容而不是边框,我希望边框保持全彩色.这里有一些示例代码： input#element{
width: 382px;
height: 26px;
border: 2px solid #FFF;
border-radius: 3px;
opac
浏览了许多Google和其他SO文章后,我决定明确提出我的问题,希望能够直接回答一个简单的问题. 要添加一个进一步的步骤到Does opacity:0 have exactly the same effect as visibility:hidden的讨论：我明白显示：无和可见性：隐藏隐藏元素从屏幕阅读器等,但不透明度：0？ 关联问题的答案之一的表格指出,不透明度参与制表,那肯定意味着将会是map
我有以下css #mypass{
background-image: url("Images/logo.png");
background-attachment: fixed;
background-position:140px 100px ;
background-si
我有一个strangs CSS问题. 下面是一个非常简单的代码示例,展示了这个问题. <html>
<head>
<style>
.hover {
float: right;
}
.hover:hover {
background-color: blue;
}
.blocker {
有人可以推荐使用CSS给DIV TAG提供OPACITY VALUE的最安全的方法吗？ 埃里克 直接从 Css-Tricks.com(这涵盖了我能想到的一切)： .transparent_class {
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
/* IE 5-7 */
我有这个简单的CSS … div:before {
content: "G'day";
filter: alpha(opacity=40);
-moz-opacity: .4;
opacity: .4;
} jsFiddle. ：在伪元素之前,Firefox 6具有正确的不透明度.在IE8中,不应用不透明度. Typically,设置div的不透明度,但这不是
以下CSS应用于< a>和< div>存在于个体< tr>▶< td> < table>中的元素(与border-collapse和td {padding：0px;}设置),按预期工作： a {
background-image: url("http://ibin.co/19rwR69EOigr");
height: 100px;
width: 120px;
dis
我一直在玩一些 CSS3的阴影效果.我非常喜欢“提升角”效果,但是当尝试向元素添加不透明度时遇到了一个问题.我的问题是：有没有办法在不透明度的元素上创建“提升角”效果？ http://jsfiddle.net/WAvZu/ .drop-shadow{
position:relative;
float:left;
width:40%;
padding:1em;
