ie浏览器下淡入淡出效果失效的解决方案

最新推荐文章于 2022-09-20 15:10:59 发布

weixin_33874713

最新推荐文章于 2022-09-20 15:10:59 发布

阅读量196

点赞数

原文链接：http://www.cnblogs.com/nancy0324/archive/2013/03/20/2970844.html

版权

$('.fadein').css('position', 'relative').fadeIn()；

即：在fadeIn()之前动态的将其position属性改为relative; 会解决IE7下的这个bug。

在子元素有position属性的元素加 filter: inherit; 能解决ie8下的这个bug。

若使用了处理png的那个滤镜，把它去掉就可以解决ie6的这个bug。

这三条一结合 IE678 的问题就都解决了

转载于:https://www.cnblogs.com/nancy0324/archive/2013/03/20/2970844.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_33874713

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

前端常用属性知识点--文档

JackieDYH的博客

03-08

950

清除浮动带来的影响--.clearfix .clearfix{ *zoom:1; } .clearfix::after{ content: ""; display: block; clear:both; visibility: hidden; height: 0; 弹性盒子-flex 1）弹性盒子——css3中新增的布局方式。是一种当屏幕大小、设...

Web前端面试题整合，持续更新【可以收藏】

jason的java世界

12-12

1488

参与评论您还未登录，请先登录后发表或查看评论

图片的淡入淡出（IE版）

09-04

图片渐渐变深再渐渐变淡，无限循环。由于兼容性问题，仅支持IE

基于原生javascript的淡入淡出函数封装（兼容IE）

fisher

09-27

646

在开发的过程中，我们要做淡入淡出效果的话，我们完全可以使用jQuery的fadeTo()方法。但是我们的目的不只是会用，而是理解程序底层的逻辑。这篇文章主要就是利用原生的javascript实现淡入淡出的效果。构建框架，基本没难度。透明度函数的封装 #box{ width: 200px; height: 200px; backgroun

网页长屏大背景淡入淡出效果在IE7、IE8下产生1px偏差

sinat_29678493的博客

01-01

1148

我用的是两张宽为1920px,高为2140px的图，用绝对定位让它们重叠，实现淡入淡出切换效果。第一次写的代码，在IE7和IE8下出现异常，背景图会向右偏离1px,然后再回到原位。代码如下：后来做了以下尝试，1、在html上加上overflow,这样倒是正常了，但是这样滚动条就消失了，只有一屏，无法显示背景所有。2、background属性去掉center top,这样一来也没

IE下线性渐变的效果实现

ITX2000的专栏

09-02

1044

linear-gradient([ || ,]? , …) 只能用在背景上 IE filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ff0000',GradientType='1'); 参数起点：从什么方向开始渐变默认：top left、top、left to

原生JavaScript实现淡入淡出效果

热门推荐

Liushen01的博客

05-07

1万+

前言一提到淡入淡出效果，大家可能会想到jQuery的fadeIn(),fadeOut()和fadeToggle()函数，它们被封装到库中，很方便被调用。但是有时候只为了一个简单的淡入淡出效果，并不需要去调用庞大的jQuery库，所以，下面我们用纯js代码实现淡入淡出的效果。需求分析要实现淡入淡出效果，就是要使用到setInterval()函数，改变element节点透明度opa...

banner-按钮全屏切换

07-04

此外，还可以通过添加淡入淡出、左右滑动等不同的切换动画，提升用户体验。 7. **响应式设计**：对于不同屏幕尺寸的设备，Banner可能需要有不同的布局和展示方式。响应式设计能够确保Banner在任何设备上都能适应并...

记录知识点（单纯个人的笔记）

m0_49687544的博客

09-20

716

放大缩小：使用transform：scale(x)(x表示填写数字，经常使用的一个2d缩放转换)2022年09月20日晴南宁星期二。css过度效果与鼠标上移是使目标放大或者缩小。（默认值：all 0 ease 0）

前端学习.

qq_53323012的博客

11-15

943

基础班学习路线 html5基础，css3基础，h5c3提高，练习项目。网页简介 1.html html指的是超文本标记语言，它是用来描述网页的一种语言。 html不是一种编辑语言，而是一种标记语言。标记语言是一套标记标签。所谓超文本，有层含义： 1.它可以加入图片、声音、动画、多媒体等内容（超越了文本限制）。 2.它还可以从一个文件跳转到另一个文件，与世界各地主机的文件连接（超越链接文本） 2.网页 1.网站是指因特网上根据一定的规则，使用html等制作的用于展示特定内容相关的网页集合。 2.网页是网

大图淡入淡出图片幻灯演示效果

08-27

大图淡入淡出图片幻灯演示效果,提高你的开发效率

Jquery实现淡入淡出自动消失的提示框，Jquery+css实现加载中提示框

qq_35249342的博客

08-21

2863

浏览器原生弹出框太丑，且不能自动消失，可以使用Jquery自定义一个消失提示框。样式写法参考了bootstrap样式的编写方式。静态效果如下：首先在html页面body里任意位置写一个div <div class="tips"></div> 在css样式里添加样式： .tips{ display: none;...

CSS3过渡效果兼容IE6、IE7、IE8

盒子豪的博客

12-19

2085

.box{ width:120px;height:40px;background:yellowgreen;line-height:40px;transition:width 1s;cursor:pointer; } .box:hover{ width:180px; } div class="box">Hello Worlddiv>

display transition 失效的替代解决办法

kangkang

06-18

1615

以下提供2种解决方案。一种不用display；一种用display 不用dispaly；用 absolute+visibility+opacity 用绝对定位，让页面脱离文档流，然后visibility在隐藏，opacity然后实施动画用dispaly；在 + animation // 动画 @keyframes base_show { 0% {opacity: 0} 100%...

解决IE下图片渐隐渐现效果，图片出现“坏点”的bug

popotang

11-26

1423

QQLive新版官网首页顶部有个焦点图，巨幅图片以渐隐渐现的效果动画切换。这里没有使用Flash来实现，而是直接使用Javascript来控制。【图片没有了，去http://live.qq.com上面看吧，就是那个每隔5秒切换一次的大图】用js实现这个效果并不困难，我的方案是每隔指定时间让透明度+0.1，直到1。当然，IE下需要换成0~100范围。但是这里出现了一个

CSS样式渐变代码，兼容IE8

weixin_30500105的博客

12-18

121

background: -webkit-linear-gradient(top,#ffffff,#f5f5f5); background: -moz-linear-gradient(top,#ffffff,#f5f5f5); background: -webkit-gradient(linear, top, bottom,from(#ffffff),to(#f5f5f5))...

穿戴搭配系统 SSM毕业设计源码+数据库+论文（JAVA+SpringBoot+Vue.JS）.zip

ie浏览器下 淡入淡出效果失效的解决方案

ie浏览器下淡入淡出效果失效的解决方案