标签: opacity
如何正确检测浏览器对不透明度的支持？
我有一些应用alpha透明度的javascript代码.在此之前,它会尝试检测浏览器支持的透明度类型,并将其存储在变量中以供日后使用.这是代码的样子:
// figure out the browser support for opacity
if (typeof br.backImg.style.opacity != 'undefined')
opacityType = 'opacity';
else if (typeof br.backImg.filters == 'object')
opacityType = 'filter';
else
opacityType = 'none';
对于Firefox和Safari,第一个条件为真,对于IE7,第二个条件为真,但对于IE6,它落到最后一个条件.为什么IE6没有过滤器对象？有没有更好的方法来检测这个？
推荐指数
解决办法
查看次数
如何将ControlTemplate Enabled属性绑定到WPF XAML中的Opacity
在XAML内部的WPF中,如何扩展ControlTemplate,当应用于按钮并且按钮被禁用时,它会在禁用时淡化为0.5不透明度,并且一旦启用就会淡化回1.0不透明度.
当父母被禁用时,此视觉效果也应该起作用.
推荐指数
解决办法
查看次数
翻转时使图像变暗
我有一个需要在翻转时变暗的图像列表.我真的很喜欢这样做,没有臃肿的CSS翻转技术,因为任何时候花在Photoshop上都会让我很开心.我有一部分路在那里,但出了点问题.这是现场:
码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Darken</title>
<style type="text/css">
#topnav {
float:left;
margin:22px 0 0 50px;
list-style:none;
}
.kitchy {
background-color:#000000;
width:112px;
height:203px;
}
#topnav a:hover{
opacity:.6;
}
#topnav li {
display:inline;
}
</style>
</head>
<body>
<ul id="topnav">
<li class="kitchy"><a href="#"><img src="img/kitch.jpg" /></a></li>
<li><img src="img/deck_small.jpg" /></li>
<li><img src="img/door_small.jpg" /></li>
<li><img src="img/lumber_small.jpg" /></li>
<li><img src="img/tools_small.jpg" /></li>
<li><img src="img/paint_small.jpg" /></li>
</ul>
</body>
</html>
推荐指数
解决办法
查看次数
用javascript将一个透明图像叠加到另一个上
是否可以在javascript中将透明背景图像叠加到另一个图像上？假设您有一个包含大量产品图片,小玩意儿和小部件以及东西的网站,其中一些产品已经被制造商召回,并且在那些图像上您想要叠加"拒绝输入"标志(圆圈与 - 斜线图标) - 以透明的方式使原始图像仍然显示.可以这样做吗？目标是不必编辑图像.
我是沿着正确的轨道将透明背景图像放在没有不透明度的DIV中,并使用clientWidth和clientHeight根据原始图像的大小调整透明背景图像及其容器DIV的大小,然后将DIV置于原始图像的顶部？如果窗口调整大小并且布局动态变化,那么叠加DIV如何/何时被告知移动到原始图像的新位置？没有像LayoutChangedEvent那样的东西吗？是否必须使用setInterval重复检查原始图像的位置？
推荐指数
解决办法
查看次数
如何使UITableView成为透明的？
在我的应用程序中,我向用户呈现特定场景的UITableViewController类(分组样式).我想只显示表格视图的单元格.背景应该是透明的,以便用户可以看到上一页.
我viewDidLoad在表视图控制器的方法中尝试使用以下代码.但他们没有工作..
self.tableView.backgroundColor = [UIColor clearColor];
self.tableView.opaque = NO;
self.tableView.backgroundView = nil;
是否可以显示背景暗淡的细胞？
提前致谢
推荐指数
解决办法
查看次数
如何将背景图像淡化为透明度？
这是一个相关的图像:
我想要实现像我图像右侧所示的东西.但我也有一个父容器,它有自己的背景图像,而不是纯色.
有什么建议？
编辑:忘记添加,跨浏览器兼容性很重要.(或至少Firefox).
推荐指数
解决办法
查看次数
在Android上使用OpenGL ES 2.0的Sprite Opacity
我正试图让我的点精灵以正确的不透明度显示.
最初,我在黑色方块上得到了我的精灵纹理.
所以,我在片段着色器中添加了以下内容:
"if(color.a < 0.5) "+
"discard;"+
现在,这似乎有效,因为我的精灵显示没有黑色背景,但是,我的纹理本身是"部分透明" - 并且它没有显示这种部分透明度,它看起来很稳固.这有点难以解释,但我希望你理解我的意思.如果我使用canvas/surfaceview绘制相同的纹理,它会正确显示.
基本上我正在尝试让我的纹理以原始格式显示(即他们在创建它们的软件中进行显示 - 即Gimp/photoshop等).
非常感谢任何帮助 - 谢谢
android opacity alpha-transparency point-sprites opengl-es-2.0
推荐指数
解决办法
查看次数
TweenMax旋转,不透明度和缩放
我试图让这个页面上的图像同时旋转,缩放和改变不透明度,就像这个网站上的一些图像一样;
http://soyouwanttogotorisd.com/
这是我的网站;
我正在使用TweenMax,这是我的代码;
$(document).ready(function() {
TweenMax.from( $('#homeImg'), .5,
{css:{scale:.05, opacity:0, rotation: 180}, ease:Quad.easeInOut}), 400,-400);
});
但什么都没发生......
请帮我!
谢谢!
推荐指数
解决办法
查看次数
背景不透明度没有RGBA for Sass
有没有办法让我的背景透明而不使用RGBA,以便我可以在以后使用Sass变量更改颜色而不使包含的文本透明？
$dark: #000;
$highlight: blue;
nav {
width:100%;
background: $dark;
opacity: .5;
ul {
li {
margin: 0 3%;
a {
display: block;
font-size: 1.4em;
&:hover {
color:$highlight;
}
}
}
}
}
推荐指数
解决办法
查看次数
css不透明度转换不起作用
对于一个网站,我想在一张桌子上显示一些图片,但因为其中一些是股票照片,所以我需要一个来源.我希望在用户将鼠标悬停在图片上时显示源.所以我把源标签放在一个类(.PicSource)中并给它{opacity 0; 转换所有.2s轻松}并悬停在图片上(.ServPic).ServPic:hover + .PicSource {opacity:1}.但它没有显示源文本,我不知道为什么.其他悬停事件工作正常.我在悬停时使用相同的东西来隐藏Caption,并且一切都很好.
所以这里是一个示例代码(它应该将.PicSource的不透明度更改为1,但它不会,所以你可以手动更改它以查看它)
.ServPic {
width: 350px;
height: 275px;
opacity: 0.5;
transition: opacity .2s ease-in;
}
.PicCapt {
position: absolute;
top: 0px;
left: 0px;
opacity: 1;
transition: opacity .2s ease-in;
}
.PicSource {
position: absolute;
top: 0%;
left: 20%;
opacity: 0;
color : #000000;
transition: all .2s ease-in;
}
.ServPic:hover {
opacity: 1;
}
.ServPic:hover+.PicCapt {
opacity: 0;
}
.ServPic:hover+.PicSource {
opacity: 1;
}<table>
<tr>
<td>
<div>
<img class="ServPic" src="https://cdn.lrb.co.uk/blog/wp-content/uploads/2014/03/Lorem_Ipsum.jpg">
<a class="PicCapt">CAPTION</a>
<a class="PicSource">SOURCE.COM</a>
</div> …推荐指数
解决办法
查看次数