首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使图像褪色

使图像褪色
EN

Stack Overflow用户
提问于 2014-12-28 14:28:10
回答 3查看 52关注 0票数 0

我有图像,我想是隐形的,然后在某些事件发生时褪色。我的jQuery工作正常,元素定位正确,我只是不能让元素淡入。

当我输入控制台$('#img1').fadeIn();时,什么都不会发生。

CSS

代码语言:javascript
运行
复制
img {
  position: absolute;
  border-radius: 20px;
  height: 195px;
  width: 300px;
  opacity: 0;
}

#img1 {
  left: 270px;
}

#img2 {
  right: 270px;
}
EN

回答 3

Stack Overflow用户

发布于 2014-12-28 14:32:08

使用display: none;而不是opacity: 0;

http://jsfiddle.net/rLjz1rv0/

票数 1
EN

Stack Overflow用户

发布于 2014-12-28 14:35:13

删除不透明度: 0,替换为

代码语言:javascript
运行
复制
visibility: hidden;
票数 0
EN

Stack Overflow用户

发布于 2014-12-28 14:44:05

使用fadeTo

代码语言:javascript
运行
复制
$('#img1').fadeTo( 'slow', '1')

演示- http://jsfiddle.net/rLjz1rv0/1/

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/27677312

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档