是jQuery('#selector').css({'opacity':50});跨浏览器吗?
我问的唯一原因是因为我们通常在css上使用下面的行
-moz-opacity:.50; filter:alpha(opacity=50); opacity:.50;
有人可以推荐最安全的方法,使用CSS为DIV TAG提供OPACITY VALUE吗?
埃里克
我正在使用包含子元素的QWidget元素,我需要的是一些方法来使这个小部件半透明,完全包括它的子元素.
我见过QWidgets的一个方法,它是QWidget :: setWindowOpacity(),但这只适用于小部件本身就是一个窗口,而在我的情况下,这个小部件是布局的一部分.
所有这一切的目标,是我能够在出现或消失时使这个小部件褪色.
感谢任何想法,希望不要制作自定义小部件,但如果没有其他选择,我无论如何都可以做到.
这个小代码在间隔中清除旧的画布数据:
// start interval
ctx.save();
ctx.fillStyle = "rgba(0, 0, 0, 0.2)";
ctx.fillRect(0, 0, ctx.width, ctx.height);
ctx.restore();
//some draw code for new graph
...
//end interval
Run Code Online (Sandbox Code Playgroud)
我的工作区域变黑了,因为我将黑色设置为填充颜色(rgba(0,0,0,.2)),但我需要透明背景,而不是黑色.
我尝试使用globalAlpha和imagePutData,但我失败了.
我怎么能这样做?
我需要<img src=""/>在所有浏览器中使用JavaScript 设置HTML 对象的不透明度.
在Firefox中,我使用line:
imageobject.style.MozOpacity=opacity/100;
Run Code Online (Sandbox Code Playgroud)
在不同浏览器中设置元素不透明度的正确javascript代码是什么?
不透明度如何以数学方式计算?
在Photoshop,CSS等中存在不透明度值.实际上,这种不透明度是图层的透明行为.我们都知道.但它是如何以数学方式计算的?有没有计算不透明度的等式?
通过设置不透明度值,那里发生了什么?
以纯色图层为例:第1层(前景层)和第2层(背景层)
第1层是红色(比如颜色值A),第2层是白色(比如颜色值B).
当我们将不透明度(比方说p)设置为第1层时,我们可以放置0.5或50%并获得白红色(比如颜色值X).
为了获得这个价值,X我应该以数学方式做什么?
即.
X = (things which will be a relation containing p, A and B)
Run Code Online (Sandbox Code Playgroud)
我想知道要找到的确切数学方程式X.
另外,如果我有方程式,颜色值本质上是十六进制的,那么使用十六进制计算器可以得到正确的结果吗?
我有一个深色/黑色背景图像和一个白色输入字段.我给输入字段的不透明度为50%,我希望文本/值为纯白色(#fff).但是当我应用不透明度时,它会同时影响输入元素的背景和文本.如何只更改输入字段的背景?
我有这个简单的CSS ...
div:before {
content: "G'day";
filter: alpha(opacity=40);
-moz-opacity: .4;
opacity: .4;
}
Run Code Online (Sandbox Code Playgroud)
:before在Firefox 6中,伪元素具有正确的不透明度.在IE8中,不应用不透明度.
通常,在div作品上设置不透明度,但这不是我想要的.
我尝试添加,display: block但没有帮助.
虽然我可以解决这个问题,但是有没有任何技巧可以让IE8 opacity在一个:before(并且:after就此而言)伪元素上获得属性?
我一直在玩一些CSS3阴影效果.我非常喜欢"提升的角落"效果,但在尝试为元素添加不透明度时遇到了一个问题.我的问题是:有没有办法在不透明度的元素上创建"提升角"效果?
.drop-shadow{
position:relative;
float:left;
width:40%;
padding:1em;
margin:2em 10px 4em;
background:#fff;
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.drop-shadow:before,
.drop-shadow:after{
content:"";
position:absolute;
z-index:-2;
}
.lifted{
-moz-border-radius:4px;
border-radius:4px;
}
.lifted:before,
.lifted:after{
bottom:15px;
left:10px;
width:50%;
height:20%;
max-width:300px;
max-height:100px;
-webkit-box-shadow:0 15px 10px rgba(0, 0, …Run Code Online (Sandbox Code Playgroud) 我在div上添加了一个透明背景,在白色背景上,如下所示:
body {
background: white;
}
.opaque-white {
background: rgba(255,255,255,0.95);
height: 300px;
width: 300px;
}
Run Code Online (Sandbox Code Playgroud)
<body>
<div class="opaque-white">
Area with opaque (opacity: 0.95) background.
</div>
</body>
Run Code Online (Sandbox Code Playgroud)
JSFiddle链接:http://jsfiddle.net/DvYCA/4/
但由于某种原因,div的颜色显示灰色而不是白色.白色的不透明白色应该显示......白色,对吗?
还是我弄错了?
编辑:我正在添加问题的屏幕截图.这是一个非常微妙的差异,但在某些屏幕上却很明显.要真正了解差异,请尝试使用正确的区域选择图像左侧的颜色.
