| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 685 人关注过本帖
标题:图片切换代码,滤镜透明部分在IE6下渐变失效,求原因!
只看楼主 加入收藏
mybom
Rank: 1
等 级:新手上路
帖 子:3
专家分:0
注 册:2012-8-25
收藏
 问题点数:0 回复次数:2 
图片切换代码,滤镜透明部分在IE6下渐变失效,求原因!
图片切换代码,滤镜透明部分在IE6下渐变失效,刚打开网页是正常,当从第1调到第2是,透明部分失效。在ie8,fire下正常,应该是js程序有问题,不像是兼容问题。(www.16days.cm  用户名:沙沙  密码:123456)


图片附件: 游客没有浏览图片的权限,请 登录注册
在ie6,刚进入时

图片附件: 游客没有浏览图片的权限,请 登录注册
跳转到第2页时

代码

图片附件: 游客没有浏览图片的权限,请 登录注册
图片附件: 游客没有浏览图片的权限,请 登录注册
图片附件: 游客没有浏览图片的权限,请 登录注册
图片附件: 游客没有浏览图片的权限,请 登录注册
图片附件: 游客没有浏览图片的权限,请 登录注册
图片附件: 游客没有浏览图片的权限,请 登录注册
搜索更多相关主题的帖子: 透明 用户名 
2012-08-25 09:40
mybom
Rank: 1
等 级:新手上路
帖 子:3
专家分:0
注 册:2012-8-25
收藏
得分:0 
我用的不是png做背景,用#box .span样式单独定义了一个块。#box .span {display:block;width:100%;height:60px;position:absolute;bottom:0;right:0;opacity:0.4;filter:alpha(opacity=40);background:#000;}

渐变效果:

//图片切换, 淡入淡出效果
function show (a)
{
index = a;
var alpha = 0;
for (i = 0; i < aNum.length; i++)aNum[i].className = "";
aNum[index].className = "current";
clearInterval(timer);

for (i = 0; i < aImg.length; i++)
{

aImg[i].style.opacity = 0;
aImg[i].style.filter = "alpha(opacity=0)";
aImg[i].style.zIndex=999;

}
aImg[index].style.zIndex=1000;
timer = setInterval(function () {
alpha += 2;
alpha > 100 && (alpha =100);
aImg[index].style.opacity = alpha / 100;
aImg[index].style.filter = "alpha(opacity = "+ alpha + ")";

alpha == 100 && clearInterval(timer)
},20);
}
};
</script>;


在主体中引用部分

div class="middlftop1">
<div id="box">

<ul class="list"> #set ($as = $bbstopicCategory.getArticleList(161,"",3))
#foreach ($article in $as)
<li><a href="$!article.relink" title="$!article.subject" target="_blank"><img src="$cgi.BaseURL/upload/$!article.image" width="180" height="180" border="0" ></a>
<span class="span"></span>
<span class="counttt">$util.summarize($!article.subject,12)</span>
</li><br> #end </ul>
<ul class="count">
<li class="current">1</li>
<li>2</li>
<li>3</li>
</ul>
</div>


原理,先把背景块定位,<span class="span"></span>

然后标题块放在背景块的上面。<span class="counttt">$util.summarize($!article.subject,12)</span>

定义标题块的代码:#box .counttt{display:block; width:100%;height:50px;position:absolute;bottom:0;right:0;color:#fff;padding-left:16px;font-size:12px;font-family: Verdana;text-decoration:none;}
2012-08-25 09:46
mybom
Rank: 1
等 级:新手上路
帖 子:3
专家分:0
注 册:2012-8-25
收藏
得分:0 
我觉得应该不是兼容问题,因为兼容问题的话,开始打开网页应该就是不正常的。错误应该出在js代码部分,或者程序之间的冲突。
2012-08-25 09:47
快速回复:图片切换代码,滤镜透明部分在IE6下渐变失效,求原因!
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.015042 second(s), 8 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved