Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[疑难] 浏览器不兼容 图片效果显示错位(加急!)

[复制链接]
zouwenhai 发表于 2010-6-10 00:25:55 | 显示全部楼层 |阅读模式
SupeSite模板
语言编码: GBK简体 
风格转换者: 仿制
本帖最后由 zouwenhai 于 2010-6-10 00:28 编辑

我的网站 www.ihomezz.com
  昨天使用了一个图片轮播模块 在测试中发现 图片轮播在不同德浏览器下显示效果无法兼容
在360  搜狗 遨游使用都正常 但在IE8下 图片就是显示不一样 这是为啥呢?

在IE8下显示错位

在IE8下显示错位

在IE8下显示错位



在其他浏览器显示正常 3.jpg


这个是图片轮播代码
  1.         /* News Focus Turn style start */
  2. #news_focus_turn { height:400px; overflow:hidden; margin-bottom:6px; border:1px solid #DEDEDE; }
  3.         #news_focus_turn_pic { position:relative; width:400px; height:210px; overflow:hidden; }
  4.                 #news_focus_turn_pic div { position:absolute; width:1600px; }
  5.                
  6.                         #news_focus_turn_pic div li { float:left; }
  7.                 #news_focus_turn_pic div li img { float:left;  width: expression(400 / this.width * this.height > 210 ? 400 : this.width * 210 / this.height);  max-width: 400px; min-width: 400px; }
  8.         #news_focus_turn_btn { height:77px; overflow:hidden; margin:4px auto 0; padding-left:2px; }
  9.                 #news_focus_turn_btn li { display:inline; float:left; margin:0 0 0 4px; padding-top:3px; cursor:pointer; }
  10.                 #news_focus_turn_btn img { width:90px; height:63px; border:2px solid #FFF; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; }
  11.                 #news_focus_turn_btn .current { background:url(../images/icon_arrowup.gif) no-repeat 50% 0;  }
  12.                 #news_focus_turn_btn .current img { border-color:#BC2B32; filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }
  13.         #news_focus_turn_tx { position:relative; width:94%; margin:0 auto; padding:16px 3px; background:url(../images/dashed_bg.gif) repeat-x center top; }
  14.                 #news_focus_turn_tx h3 { padding-bottom:3px; font-size:14px; }
  15.                 #news_focus_turn_tx strong { position:absolute; top:14px; right:6px; color:#999; }
  16.                 #news_focus_turn_tx p { height:80px; overflow:hidden; line-height:1.6em; }
  17.                 #news_focus_turn_tx p a { color:#BC2931; text-decoration:underline; }
  18.                 #news_focus_turn_tx .normal { display:none; }
  19.         /* News Focus Turn style end */
复制代码
itachi87 发表于 2010-6-10 14:46:50 | 显示全部楼层
不懂,帮你顶
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-11-16 23:51 , Processed in 0.042038 second(s), 5 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表