WebKit引入了创建CSS渐变的功能.例如,使用以下代码:
-webkit-gradient(linear, left top, left bottom, from(#fff), to(#000));
但是,使用CSS可以使用不透明度渐变吗？我希望渐变在一侧是单色,在另一侧渐变为零不透明度.
跨浏览器兼容性并不重要; 我只需要它在谷歌浏览器中工作.
有没有办法用CSS做到这一点？如果没有,可以使用JavaScript(而不是jQuery)完成类似的事情吗？
谢谢你的帮助.
我有一个列表div,其不透明度设置为50,在这个div中我想显示一些不透明度为100的文本,
这就是我的意思:
<div id="outer">
<div id="inner">
Text
</div>
</div>
CSS将是:
#outer {
opacity: 0.5;
}
#inner {
opacity: 1.0;
}
我尝试过,但它不起作用.
请帮忙
问候
transition当用户悬停图像时,我正在做一个淡入透明白色的地方.
我的问题是我需要将颜色变淡,变为黑色.我试过只是简单地添加background:black;到包含transition它的类,但它不起作用,幸运的是,它仍然逐渐淡入白色透明.
我使用的CSS代码是:
.hover:hover {
opacity: 0.2;
}
.item-fade {
background: black;
opacity: 0.8;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}<p>Hover image, the white opacity needs to be black :/</p>
<img src="//placehold.it/100x100" class="hover item-fade" />我正在使用CSS Overlay在IE中遇到这个奇怪的问题我正在申请一个灯箱.基本上,我使用fadein和fadeoutjquery - 问题是一切正常,除了IE.
在IE中 - 我没有得到任何淡化 - 而是直接进入不透明背景.
在淡出时 - 它会删除"不透明度"<1秒,并在删除叠加层之前将页面呈现为"纯色".
任何人都知道如何解决这个错误？它真的很烦人 - 我正在使用所有正确的过滤器等它只是IE中的淡入淡出和淡出？
我想制作一个JPEG图像文件,其中包含一些部分透明或完全透明的像素,类似于带有alpha通道的PNG文件.这可能吗？如果是这样,我该怎么做呢？
我想在网站上使用该图像.如果我尝试这样做,它会在任何或所有流行的浏览器(IE 7 +,Firefox,Safari)中工作吗？假设它是可能的,它会起作用,还是需要任何技巧或黑客来使其工作？
编辑:一些回复说我不能这样做.但是,我发现此页面描述了具有透明度的JPEG图像.有谁知道是否有一种方便的方式来生成这种格式的文件？它得到广泛支持吗？
我有这门课
.box { background-color:#fff; border:3px solid #eee; }
我的问题是如何才能将白色背景的不透明度设置为与我的背景混合？
谢谢.
是否有可能将UIView(以及其中的任何其他子视图)设置为不透明度为0.5或者其他什么？不确定这是否可行,但想问一下.
我正在建立一个网站,它允许用户更改视图选项.我使用jQuery来平滑动画以更改字体.它将整个页面淡出并重新使用新字体.
淡出动画很好,但当它淡入时,就没有褪色.它只是弹出,没有动画.
有问题的jQuery位于http://xsznix.my3gb.com/options.php中.
我到目前为止的代码是这样的:
$('#font-classic').click(function(){
$(document.body).animate({opacity: '0%'},{duration: 1000, complete: function(){
// font changing code here
$(document.body).animate({opacity: '100%'}, 1000);
}});
});
我只是想知道是否有办法改变背景图像的不透明度View(即TextView等等).
我知道我可以这样设置背景图片:
android:background="@drawable/my_drawable_image"
或者我可以使用如下的alpha设置设置特定的背景颜色:
android:background="#10f7f7f7"
如果我将背景设置为可绘制图像,有没有办法控制不透明度(设置alpha)？我想在XML Layout中执行此操作.我已经知道我可以抓取Drawable对象并以编程方式设置alpha,但我想看看我是否可以在布局中执行它.
我有一个页面主体的背景,这是一个我希望通过第一级div而不是第二级显示的图像
<body>
<div style='opacity:0.9;'><p>This is a wrapper that shows some of the background</p>
<div style='background-color:#fff;'><p>This is a child div that I want to be all white</p>
</div>
</div>
</body>
显然,第二级div获得了.9的不透明度,还有一种方法可以覆盖它吗？
opacity ×10
css ×6
html ×3
javascript ×2
jquery ×2
alpha ×1
android ×1
background ×1
css3 ×1
drawable ×1
gradient ×1
iphone ×1
jpeg ×1
layout ×1
transition ×1
transparency ×1
uiview ×1
view ×1