产品使用及交流论坛

注册

 

QQ登录

只需一步,快速开始

发新话题 回复该主题

关于JS幻灯片在IE FF Chorme 下的兼容性问题请教xiyou哥 [复制链接]

1#
最近在v2.0更新网站时发现左模块儿 自定义添加JS幻灯片之后,出现js幻灯片图片在IE中 上移了10几像素被隐藏。而在chorme  FF下显示正常。对此,检查了即便CSS 和 Slide.aspx 文件,没有发现问题。特向xiyou版主请求帮助。
附图:1.IE下 js幻灯片上移10几像素。2. chorme,FF下显示正常。

附件:CSS 样式:

.template_box{clear:both;margin:0 0 10px 0;border:0 solid #cccccc;overflow:hidden;}                 /*模块整行布局样式*/
.template_box_layout_left{float:left;margin:0 0 10px 0;border:0 solid #cccccc;overflow:hidden;}  /*模块左布局样式*/
.template_box_layout_right{float:none!important;float:right;margin:0 0 10px 0;border:0 solid #cccccc;overflow:hidden;}   /*模块右布局样式*/

.template_box_1{clear:both;text-align:center;padding:5px 0 5px 0;border:0px solid #ddd;border-width:0px 1px 1px 1px; height:100%;overflow:hidden;}/*整行内容样式*/
.template_box_1_layout_left{clear:both;text-align:center;margin:0 10px 0 0;padding:5px 0 5px 0;border:1px solid #dfd47b;height:100%;overflow:hidden;} /*左模块内容样式*/
.template_box_1_layout_right{clear:both;text-align:center;margin:0 0 0 0;padding:5px 0 5px 0;border:0px solid #dfd47b;border-width:0px 1px 1px 1px;height:100%;overflow:hidden;} /*右模块内容样式*/

自定义样式:
IE浏览器中图片上移10+像素.jpg (, 下载次数:0)

(2013/3/27 10:19:01 上传)

IE浏览器中图片上移10+像素.jpg

chorme+FF浏览器中显示正常 无错位.jpg (, 下载次数:0)

(2013/3/27 10:19:01 上传)

chorme+FF浏览器中显示正常 无错位.jpg

自定义样式.jpg (, 下载次数:0)

(2013/3/27 10:19:01 上传)

自定义样式.jpg

分享 转发
TOP
2#

这个问题不是因为幻灯片大小改变,而是你右边的文章列表高度不同浏览器中发生变化,修改一下文章列表的css,给每行样式加一个line-height和height
实际不同浏览器对line-height和height的解释实际会有点区别的,唯一解决方法是针对不同浏览器来写css,个人认为没有什么必要了,一定要写就按下面规则来重写样式
样式前面加*前缀用于IE6和IE7、+前缀用于IE7,_前缀用于IE8。
如:height:25px;*height:26px;+height:28px;_height:29px
TOP
3#

右侧 文章列表 高度 在不同浏览器中显示都正常,对 文章列表 样式我在不同浏览器中都做过调试。在IE7 IE8 FF CHORME 显示正常
TOP
4#

从上面两个图你可以看到,幻灯片高度完全一样的。不一样的是右边
TOP
5#

ps 测量了一下  还真是.... 打扰你了; 一直以为js问题了...  郁闷死了... 以后多加注意...
TOP
发新话题 回复该主题