我找不到一种方法来应用css cross borwser opacity!IE7有什么好处,不要进入IE8!反之亦然...谢谢你
我想为我的div添加透明的阴影.我有一个容器,在它后面我想放置一个阴影.我不希望这些阴影有颜色.这是我到目前为止:
.content_right1{
background:#fff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius:10px;
-moz-box-shadow: 5px 5px 5px #99CCFF;
-webkit-box-shadow: 5px 5px 5px #99CCFF ;
box-shadow: 5px 5px 5px #99CCFF;
/* other styles of the class */
width:380px;
float:left;
margin-left:3px;
padding:15px;
min-height:450px;
margin-left:15px;
}
我想添加不透明度,但是当我做整个div的不透明度改变时.
所以我试图TextView在我的Android应用程序中动态更改a的不透明度.我有一个seekbar,当我向右滑动拇指时,TextView我在它下面分层应该开始变得透明.当拇指到达大约一半时seekbar,文本应该是完全透明的.我正在尝试使用setAlpha(float)从我继承View 的方法TextView,但Eclipse告诉我setAlpha()该类型未定义TextView.我是以错误的方式调用方法吗？还是有另一种方法来改变不透明度？
这是我的代码(classicText是TextView,gameSelector是seekbar):
public void onProgressChanged(SeekBar seekBar, int progress, boolean fromTouch){
classicText.setAlpha(gameSelector.getProgress());
}
在项目中,我想同时调整大小并更改图像的不透明度.到目前为止,我认为我已经调整了大小.我使用这样定义的方法来完成大小调整:
public BufferedImage resizeImage(BufferedImage originalImage, int type){
initialWidth += 10;
initialHeight += 10;
BufferedImage resizedImage = new BufferedImage(initialWidth, initialHeight, type);
Graphics2D g = resizedImage.createGraphics();
g.drawImage(originalImage, 0, 0, initialWidth, initialHeight, null);
g.dispose();
return resizedImage;
}
我从这里得到了这个代码.我无法找到解决方案的是改变不透明度.这就是我想知道该怎么做(如果可能的话).提前致谢.
更新:
我尝试使用此代码来显示一个圆形图片,其中透明的内部和外部(见下图)正在变得越来越不透明,但它不起作用.我不确定是什么问题.所有代码都在一个名为Animation的类中
public Animation() throws IOException{
image = ImageIO.read(new File("circleAnimation.png"));
initialWidth = 50;
initialHeight = 50;
opacity = 1;
}
public BufferedImage animateCircle(BufferedImage originalImage, int type){
//The opacity exponentially decreases
opacity *= 0.8;
initialWidth += 10;
initialHeight += 10;
BufferedImage resizedImage = new BufferedImage(initialWidth, …我尝试执行以下操作: - 单击一个链接,触发一个功能,显示DIV(#page-cover)调暗我的整个背景.这个div的z-index为999 - 然后我希望另一个div(#red)出现在具有更高z-index的灰色背景/ fadeup/show上
我的CSS:
#page-cover {
display: none;
position: fixed;
width: 100%;
height: 100%;
background-color: #000;
z-index: 999;
top: 0;
left: 0;
}
#red {
background-color: red;
width: 100px;
height: 100px;
}
HTML
//Triggering link
<a href="#" onclick="dimBackground("Element1")">Element 1</a>
//Div to appear upon dimmed DIV
<div id="red">hejsa</div>
//Dimming DIV
<div id="page-cover"></div>
jQuery的
function dimBackground() {
$("#page-cover").css("opacity",0.6).fadeIn(300, function () {
//Attempting to set/make #red appear upon the dimmed DIV
$('#red').css('zIndex', 10000);
});
}
有什么建议？
好吧,所以当用户将其滚动到视图中时,我一直在寻找一种淡入div 的简单方法,但我找不到直接的解决方案.
HTML
<div class="container">
<div class="topdiv">This is a 100% height div. User scrolls down from here.</div>
<div class="fadethisdiv">This content should be faded in
once .fadethisdiv is [so many]px into the bottom of the viewport.
Let's use 150px as an example.</div>
</div>
CSS
.container {
width:100%;
height:600px;
}
.topdiv {
height:100%;
background-color:#09f;
text-align:center;
font-size:24px;
}
.fadethisdiv {
height:100%;
background-color:#36afff;
text-align:center;
font-size:24px;
}
JS
// Talk to me.
这是一个小提琴:http://jsfiddle.net/kz2z5/2/
我想知道"如何在不改变div内容的情况下改变背景图像的不透明度？"
我搜索得太多了,我找不到解决这个问题的好答案!
HTML
<div class="div-1">
<h2>title</h2>
<p>text</p></div>
CSS
.div{
position:relative;
width:200px;
height:200px;
float:left;
color:white;
background:#7a8586 url('url') no-repeat local right;
overflow:hidden;
text-align: justify;
font-family:arial;
font-size:14px;}
我想在网页上有一个图像,它在鼠标悬停时变得透明,但只在最靠近鼠标指针的某个区域透明,用指针移动该区域.
使用CSS可以轻松实现简单的不透明度转换:
<style type="text/css">
img.transparent {
opacity: 1;
-webkit-transition: opacity 1s;
-moz-transition: opacity 1s;
transition: opacity 1s;
}
img.transparent:hover {
opacity: 0;
}
</style>
<img class="transparent" src="1.jpg">
这使得图像在鼠标上很好地消失并且在鼠标上显示出来.
但我想要实现的只是鼠标指针附近某些区域的效果相同.因此,当指针在图像上移动时,指针下总是会有透明区域.
有没有办法用CSS或JS实现这一目标？
谢谢!
我有一个视图控制器,视图的背景我需要半透明,并继续显示下面的视图.我调整了nib文件中的不透明度,并尝试将视图控制器推入导航堆栈并以模态方式呈现,但加载后,前一个视图被卸载.我该怎么解决这个问题？
我已经看到了display:none关于:hovercss的答案.但是当鼠标移动时,这会使div闪烁.
编辑:添加了jsfiddle