jquery的淡入淡出和隐藏,展示函数在ie中应用的bug

今天写一个简单的页面,页面上有一个很简单的特效(以前没有注意过),详细如下:

一,处理ie下opacity的不兼容

一般情况下,我们习惯用opacity做背透明景,并且做以下兼容性处理:

opacity:0.5;
 filter: alpha(opacity=50);

但是如果该容器被加上fadein和fadeout,相关(ie8以下)的兼容性会失效。

但是用show()和hide()这两个函数来实现兼容性没问题,怎么来解决呢?

二,解决该问题(个人方法,仅供参考)

如果该容器被加上fadein和fadeout,

在淡入淡出的同时,再用原来方法做一下兼容性处理,就ok了。

继续对ie很无语!

时间: 2024-11-09 01:05:03

jquery的淡入淡出和隐藏,展示函数在ie中应用的bug的相关文章

利用jquery的淡入淡出函数(fadeIn和fadeOut)--实现轮播

首先说下,我在网上找的例子全是用的UL 实现,其实大可不必,只要是能包含img标签的HTML标签都可以做轮播效果.利用jquery的淡入淡出函数(fadeIn和fadeOut).废话也不多说,边上代码边讲解.最后附上demo效果地址. <!--整体容器-->    <div class="imgbox">        <!--图片列表,除第一张显示外,其余隐藏-->        <ul>            <li style

jquery效果- 显示和隐藏 淡入淡出 滑动 隐藏

jQuery 效果- 隐藏和显示:hide() 和 show() 规定隐藏/显示的速度,可以取以下值:"slow"."fast" 或毫秒 您可以使用 toggle() 方法来切换 hide() 和 show() 方法. parents 找到每个span元素的所有祖先元素. $("span").parents() 找到每个span的所有是p元素的祖先元素. $("span").parents("p") 1 &

Jqurey学习笔记---6、jQuery 效果 - 淡入淡出

jQuery 效果 - 淡入淡出 实例 jQuery fadeIn() 演示 jQuery fadeIn() 方法. jQuery fadeOut() 演示 jQuery fadeOut() 方法. jQuery fadeToggle() 演示 jQuery fadeToggle() 方法. jQuery fadeTo() 演示 jQuery fadeTo() 方法. jQuery fadeIn() 方法 jQuery fadeIn() 用于淡入已隐藏的元素. 语法: $(selector).f

利用jQuery的淡入淡出实现轮播器

基本原理:将所有图片绝对定位在同一位置,透明度设为0,然后通过jQuery的淡入淡出实现图片的切换效果: 但我在使用fadeIn淡出时却无效果,最后只能使用fadeOut实现,求大神指教 HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htm

jQuery(5)——jQuery fade淡入淡出效果

jQuery fade淡入淡出效果 淡入淡出效果是基于透明度的变换而实现的.在测试demo的时候可以在控制台查看elements中的opacity的变换 在jQuery中可以通过四个方法来实现元素的淡入淡出,这四个方法分别是:fadeIn().fadeOut().fadeToggle() 以及 fadeTo() 语法 $(selector).fadeXXX(speed,callback); 他们都可以有两个可选参数: 可选的 speed 参数规定效果的时长.它可以取以下值:"slow"

jQuery 效果 – 淡入淡出

在在jQuery中可以通过四个方法来实现元素的淡入淡出,这四个方法分别是:fadeIn().fadeOut().fadeToggle() 以及 fadeTo(),本文通过实例来为你讲解如何在jQuery中使用这四个方法. 通过 jQuery,您可以实现元素的淡入淡出效果. 点击展示 淡入/淡出 面板 实例 jQuery fadeIn() 演示 jQuery fadeIn() 方法. jQuery fadeOut() 演示 jQuery fadeOut() 方法. jQuery fadeToggl

jQuery 效果 - 淡入淡出

jQuery 拥有下面四种 fade 方法: jQuery fadeIn() 方法jQuery fadeIn() 用于淡入已隐藏的元素. 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <script src="jquery-2.2.0.min.js"></script> 5 <script> 6 $(document).ready(function(){ 7 $("butto

jquery实现淡入淡出

fade方法包括四个: (1)fadeIn(speed,callback):淡入的方法,speed代表淡入的速度,可以是slow,fast,毫秒,不填等 例如: $(document).ready(function(){ $("button").click(function(){ $("#div1").fadeIn(); $("#div2").fadeIn("slow"); $("#div3").fadeI

11.jQuery之淡入淡出效果

知识点:fadeIn   fadeOut  fadeToggle  fadeTo 1 <style> 2 div { 3 width: 150px; 4 height: 300px; 5 background-color: pink; 6 display: none; 7 } 8 </style> 9 <button>淡入效果</button> 10 <button>淡出效果</button> 11 <button>淡入淡