标签: opacity

jquery opacity跨浏览器?

jQuery('#selector').css({'opacity':50});跨浏览器吗?

我问的唯一原因是因为我们通常在css上使用下面的行

-moz-opacity:.50; filter:alpha(opacity=50); opacity:.50;

jquery cross-browser opacity

13
推荐指数
1
解决办法
2万
查看次数

适用于所有浏览器的Opacity CSS?

有人可以推荐最安全的方法,使用CSS为DIV TAG提供OPACITY VALUE吗?

埃里克

css opacity

13
推荐指数
2
解决办法
2万
查看次数

让QT Widgets半透明

我正在使用包含子元素的QWidget元素,我需要的是一些方法来使这个小部件半透明,完全包括它的子元素.

我见过QWidgets的一个方法,它是QWidget :: setWindowOpacity(),但这只适用于小部件本身就是一个窗口,而在我的情况下,这个小部件是布局的一部分.

所有这一切的目标,是我能够在出现或消失时使这个小部件褪色.

感谢任何想法,希望不要制作自定义小部件,但如果没有其他选择,我无论如何都可以做到.

c++ qt transparency widget opacity

13
推荐指数
1
解决办法
7273
查看次数

具有透明/不透明度的区间中的canvas fillStyle

这个小代码在间隔中清除旧的画布数据:

// 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,但我失败了.

我怎么能这样做?

javascript canvas opacity

13
推荐指数
2
解决办法
3万
查看次数

在不同的浏览器中设置html元素的不透明度

我需要<img src=""/>在所有浏览器中使用JavaScript 设置HTML 对象的不透明度.

在Firefox中,我使用line:

imageobject.style.MozOpacity=opacity/100;
Run Code Online (Sandbox Code Playgroud)

在不同浏览器中设置元素不透明度的正确javascript代码是什么?

javascript opacity

13
推荐指数
2
解决办法
4万
查看次数

以数学方式计算不透明度值

不透明度如何以数学方式计算?

在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.

另外,如果我有方程式,颜色值本质上是十六进制的,那么使用十六进制计算器可以得到正确的结果吗?

equation colors opacity mathematical-expressions

13
推荐指数
2
解决办法
1万
查看次数

如何使输入字段不透明度不影响其中的文本颜色?

我有一个深色/黑色背景图像和一个白色输入字段.我给输入字段的不透明度为50%,我希望文本/值为纯白色(#fff).但是当我应用不透明度时,它会同时影响输入元素的背景和文本.如何只更改输入字段的背景?

html css input opacity

13
推荐指数
1
解决办法
3万
查看次数

有没有办法在`:before`伪元素上使IE8荣誉不透明?

我有这个简单的CSS ...

div:before {
    content: "G'day";   
    filter: alpha(opacity=40);
    -moz-opacity: .4;
    opacity: .4;
}
Run Code Online (Sandbox Code Playgroud)

jsFiddle.

:before在Firefox 6中,伪元素具有正确的不透明度.在IE8中,不应用不透明度.

通常,在div作品上设置不透明度,但这不是我想要的.

我尝试添加,display: block但没有帮助.

虽然我可以解决这个问题,但是有没有任何技巧可以让IE8 opacity在一个:before(并且:after就此而言)伪元素上获得属性?

css opacity internet-explorer-8 pseudo-element

12
推荐指数
1
解决办法
3509
查看次数

CSS3"提升角落"阴影与不透明度

我一直在玩一些CSS3阴影效果.我非常喜欢"提升的角落"效果,但在尝试为元素添加不透明度时遇到了一个问题.我的问题是:有没有办法在不透明度的元素上创建"提升角"效果?

http://jsfiddle.net/WAvZu/

.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)

css opacity css3

12
推荐指数
1
解决办法
2873
查看次数

与rgba的不透明的白色背景显示在白色背景的灰色?

我在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的颜色显示灰色而不是白色.白色的不透明白色应该显示......白色,对吗?

还是我弄错了?

编辑:我正在添加问题的屏幕截图.这是一个非常微妙的差异,但在某些屏幕上却很明显.要真正了解差异,请尝试使用正确的区域选择图像左侧的颜色. 白色和透明白色 - 纯白色的区别:)

css colors opacity css3

12
推荐指数
2
解决办法
2万
查看次数