搜狗、IE兼容模式下样式错乱问题---150分求高人看看

Java技术栈
Java领域优质创作者
博客专家认证
2013-10-26 09:59:23
为什么搜狗和IE的兼容模式下图片轮播样式错位,CHROME、FIREFOX无兼容模式的就没问题

只不过是一个DIV套着两个DIV,求CSS牛人分析!万谢!

网址:www.javams.com,调到兼容模式,右边图片区域凌乱了。。。。。
...全文
955 15 打赏 收藏 转发到动态 举报
写回复
用AI写文章
15 条回复
切换为时间正序
请发表友善的回复…
发表回复
whatisma 2013-10-31
  • 打赏
  • 举报
回复
引用 10 楼 youanyyou 的回复:
[quote=引用 9 楼 yan19870429 的回复:] 楼主问题解决了,没有?
F12文档模式设为IE7标准有问题啊 帮忙看看谢谢 网址 www.javams.com[/quote] 搜索:ie7 position relative
悲催的程序猿 2013-10-29
  • 打赏
  • 举报
回复
引用 10 楼 youanyyou 的回复:
[quote=引用 9 楼 yan19870429 的回复:] 楼主问题解决了,没有?
F12文档模式设为IE7标准有问题啊 帮忙看看谢谢 网址 www.javams.com[/quote] 我看了没有问题哦。
云渊阁 2013-10-29
  • 打赏
  • 举报
回复
百度默认兼容性设置: <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/> 这里有问题,默认是IE7,但是实际显示效果,却需要IE9 1、打开IE浏览器,按住Alt,显示菜单,点击工具,F12 开发人员工具 2、然后设置文档模式为IE9,其它文档模式都存在显示问题。
云渊阁 2013-10-29
  • 打赏
  • 举报
回复
这个是默认有问题的页面,IE7标准

这个是手动修改默认文档模式为IE9标准后的页面,显示正常!
-xin- 2013-10-28
  • 打赏
  • 举报
回复
学习了~!
Java技术栈 2013-10-28
  • 打赏
  • 举报
回复
引用 9 楼 yan19870429 的回复:
楼主问题解决了,没有?
F12文档模式设为IE7标准有问题啊 帮忙看看谢谢 网址 www.javams.com
悲催的程序猿 2013-10-28
  • 打赏
  • 举报
回复
楼主问题解决了,没有?
失落夏天 2013-10-27
  • 打赏
  • 举报
回复

这里么?
我用IE登陆的,暂时还没看出来哪里有问题。
qq8618 2013-10-27
  • 打赏
  • 举报
回复
你网上看一下IE和非IE内核在布局上有什么区别,联系到你用到的技术判断下是否为IE浏览器再布局试试
Java技术栈 2013-10-27
  • 打赏
  • 举报
回复
引用 2 楼 AA5279AA 的回复:
这里么? 我用IE登陆的,暂时还没看出来哪里有问题。
搜狗和IE的兼容模式哦
Java技术栈 2013-10-27
  • 打赏
  • 举报
回复
引用 1 楼 huxiweng 的回复:
搜狗也是ie内核。ie内核浏览器对css解析和firefox及chrome是有一些区别的。你发下div那部分代码吧。我回去有电脑的时候看下
你可以右击查看源代码可以看到,谢谢
Java技术栈 2013-10-27
  • 打赏
  • 举报
回复
引用 7 楼 huxiweng 的回复:
IE浏览器从IE8开始添加了兼容模式,开启后会以低版本的IE进行渲染。兼容模式有可能会导致网页显示出问题,于是我们通常在HTML中添加下列代码来使 IE 使用固定的渲染模式:
<metahttp-equiv="X-UA-Compatible"content="IE=8"><!--以IE8模式渲染-->
<metahttp-equiv="X-UA-Compatible"content="IE=7"><!--以IE7模式渲染-->

还有一种情况,在IE8下只有不使用兼容模式页面才能显示正常,但是如果设定为IE8的模式,在IE9中却会导致CSS3失效。看来,需要针对 IE8、IE9 分别 禁用兼容模式。怎么办呢?可以在后台判断浏览器版本,如果是IE8就输出content="IE=8",如果是IE9就输出content="IE=9"。其实还可以单纯通过HTML来实现的,HTML代码如下:
<metahttp-equiv="X-UA-Compatible"content="IE=9; IE=8; IE=7; IE=EDGE">

经测试后完美解决了兼容模式问题,这样设置后IE中设置兼容模式的按钮也会消失,可以按F12打开“开发人员工具”来检查浏览器模式。


大牛啊 搜狗兼容模式解决了

但是F12调试时文档模式选择IE7标准就显示不了,求最后支招,万谢

teemai 2013-10-27
  • 打赏
  • 举报
回复
IE浏览器从IE8开始添加了兼容模式,开启后会以低版本的IE进行渲染。兼容模式有可能会导致网页显示出问题,于是我们通常在HTML中添加下列代码来使 IE 使用固定的渲染模式: <metahttp-equiv="X-UA-Compatible"content="IE=8"><!--以IE8模式渲染--> <metahttp-equiv="X-UA-Compatible"content="IE=7"><!--以IE7模式渲染--> 还有一种情况,在IE8下只有不使用兼容模式页面才能显示正常,但是如果设定为IE8的模式,在IE9中却会导致CSS3失效。看来,需要针对 IE8、IE9 分别 禁用兼容模式。怎么办呢?可以在后台判断浏览器版本,如果是IE8就输出content="IE=8",如果是IE9就输出content="IE=9"。其实还可以单纯通过HTML来实现的,HTML代码如下: <metahttp-equiv="X-UA-Compatible"content="IE=9; IE=8; IE=7; IE=EDGE"> 经测试后完美解决了兼容模式问题,这样设置后IE中设置兼容模式的按钮也会消失,可以按F12打开“开发人员工具”来检查浏览器模式。
失落夏天 2013-10-27
  • 打赏
  • 举报
回复
引用 4 楼 youanyyou 的回复:
[quote=引用 2 楼 AA5279AA 的回复:] 这里么? 我用IE登陆的,暂时还没看出来哪里有问题。
搜狗和IE的兼容模式哦[/quote] 好吧,老了,眼睛老是看花。。
teemai 2013-10-26
  • 打赏
  • 举报
回复
搜狗也是ie内核。ie内核浏览器对css解析和firefox及chrome是有一些区别的。你发下div那部分代码吧。我回去有电脑的时候看下

81,092

社区成员

发帖
与我相关
我的任务
社区描述
Java Web 开发
社区管理员
  • Web 开发社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧