我需要为TextView设置初始透明度,但我不知道该怎么做.在iPhone上,可以使用alpha属性轻松完成.我尝试使用AlphaAnimation设置alpha但没有好处它不起作用.它结束时只返回100%alpha.
AlphaAnimation anim = new AlphaAnimation(1, 0.2f);
anim.setDuration(5000);
textView.startAnimation(anim);
有什么想法吗？
我想知道是否有任何方法可以对文本应用100%透明度,以便我们可以在文本中的字符内看到页面的背景图片.
即想象我<div>有一个白色背景和背景图像<body>.我想将文本设置在内部,<div>以便<body>可以通过文本看到背景图像,尽管白色背景<div>.
我可以使用倒置字体,但如果有的话,我希望有更好的方法.
是否有可能将opacity父项的继承删除给它的孩子div？
<style type="text/css">
.parent {
opacity:.5;
}
.parent div {
opacity:1; /* I want this to override the ".5", but instead it combines */
}
</style>
<div class="parent"><div></div></div>
基本上标题说明了一切 - 为什么jQuery .animate({opacity:0})也改变了z-index？
你知道怎么解决吗？
编辑:
链接到示例:http://jsfiddle.net/4vUc7/
谢谢.
我正在研究HTML5中的涂鸦应用程序,我想做一些桶功能.我们的想法是绘制一条路径,它将被关闭并填充所选颜色(笔划的颜色).它适用于纯色,但如果我想要一个透明的笔触和填充,我会遇到这个问题:http://imgur.com/0N3MW
发生的是填充完成直到笔划的中间(路径的实际采样点),因此在形状内部的行程大小的一半线是较暗的,因为它是填充和笔划的交点.
你看到了解决方法吗？
不幸的是,我现在无法发布到JSFiddle,因为它处于READ ONLY模式.但你应该能够看到我在谈论这个沙箱中的内容:http://bit.ly/AbaMLl (网站和图书馆与我正在使用的内容无关,它只是我发现的一个帆布沙箱)
欢迎任何想法/主角:)
我在IE9中遇到了一个非常有趣的问题.在包装div上使用filter:alpha(opacity =)或-ms-filter css属性时,内部块元素的框模型会被破坏.换句话说,垂直边距的折叠被禁用,而垂直边距则被添加.我只在IE9中遇到这个问题.IE7/8不受影响.
这是一个孤立的问题的jsFiddle.使用触发器锚点激活包装div上包含filter:alpha的类.(仅限IE9)
任何想法为什么会这样？
提前致谢
所以我正在尝试创建一个像感觉一样的灯箱.我创建了一个#blackoutdiv和一个#enlargedBOXdiv.
该#blackoutdiv有它的不透明度设置为90%,是因为我希望背景的网站,通过只是有点表现,但我不希望我的#enlargedBOXdiv来使用相同的不透明度.它似乎#blackout强迫它自己的不透明度本身.我怎么能阻止它？
<div id="blackout">
<div id="enlargedBOX">
<img src="" width="500" height="500" border="0" />
</div>
</div>
这是一个jsFiddle
你会看到RED背景显示在白色#enlargedBOXdiv上.
我将能够创建一个EMF图像(以编程方式或从软件中),背景颜色为50%透明,其他元素完全不透明.
我已经能够创建一个完全透明的背景,但不具有某种alpha /不透明度.
创建此半透明背景将允许将图像覆盖到另一个背景而不完全隐藏它.
有谁知道增强型图元文件格式是否可行？
感谢下面的所有帮助,解决方案.
我是网络开发的新手,我正在尝试重建一个网站来练习我的CSS.
问题网站是http://www.divecarib.com.如果向下滚动到该主页上的图片,您会注意到它们在悬停时"淡化".我如何实现这种淡化？使用不透明度可以使背景图像通过,而不是在该网站上实现的方式.
感谢您的帮助!
下面是我的淡入淡出尝试...不包括原始帖子中的代码,因为我认为这是无关紧要的,因为我走错了路.
.fade {
opacity: 1;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}
.fade:hover {
opacity: 0.7;
}
---解决方案(至少我是怎么做的 - 取自 http://jsbin.com/igahay/1/edit?html,output)-----
<div class=picSet>
<figure class="tint">
<p id="#p1">Student in training</p>
<p id="#p2" style="position: absolute;top: 36px; color: white;">SKAT crew doing open water training</p>
<img id=pic1 src="Media/pic1.jpg" />
</figure>
</div>
.tint {
position: relative;
float: left;
margin: 3px;
cursor: pointer;
}
.tint:before {
content: "";
display: block;
position: absolute;
top: 0; …