Question

在XP上，IE8网站http://rweberjewelry.com/忽略了样式。这是一段视频http://www.screenr.com/AeMH。它在Win7 IE9上运行良好。这是在我更新到WP 3.5.2和最新主题版本时开始的。

问题 - 图片没有显示，字体很大，页面容器没有填充页面，只是整体忽略大多数样式！

主题设计师表示，它在浏览器模拟器上呈现得很好，并且“你的网络或计算机上还有其它内容。如果浏览器因某种原因而被推入兼容模式或类似的东西。”

我有一个朋友检查她的电脑，它遇到了同样的问题。我读了一个建议添加以下内容，但它没有帮助： meta http-equiv =“X-UA-Compatible”content =“IE = 9; IE = 8; IE = 7; IE = EDGE”

我检查过： IE＆gt;工具＆gt;兼容模式＆gt;网站未列出，并且未选中“以兼容模式显示所有网站”，并且未在URL旁边显示翻录纸图标，因此我认为它不处于兼容模式。

非常感谢任何想法。

<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE" />

<link rel="stylesheet" type="text/css" media="all" href="http://www.rweberjewelry.com/wp-content/themes/propulsion/style.css" />
<link rel="stylesheet" href="http://www.rweberjewelry.com/wp-content/themes/propulsion/css/grid.css" type="text/css" media="screen"/>
<link rel="stylesheet" href="http://www.rweberjewelry.com/wp-content/themes/propulsion/css/base.css" type="text/css" media="screen"/>
<link rel="stylesheet" href="http://www.rweberjewelry.com/wp-content/themes/propulsion/css/layout.css" type="text/css" media="screen"/>
<link rel="stylesheet" href="http://www.rweberjewelry.com/wp-content/themes/propulsion/css/slideshow.css" type="text/css" media="screen"/>
<link rel="stylesheet" href="http://www.rweberjewelry.com/wp-content/themes/propulsion/css/shortcodes.css" type="text/css" media="screen"/>

<link rel="stylesheet" href="http://www.rweberjewelry.com/wp-content/themes/propulsion/js/prettyPhoto/css/prettyPhoto.css" type="text/css" media="screen"/>
<link rel="stylesheet" href="http://www.rweberjewelry.com/wp-content/themes/propulsion/js/projekktor/theme/style.css" type="text/css" media="screen"/>

<!-- plugin and theme output with wp_head() -->
<link rel='stylesheet' id='testimonials-widget-css'  href='http://www.rweberjewelry.com/wp-content/plugins/testimonials-widget/testimonials-widget.css?ver=3.5.2' type='text/css' media='all' />
<link rel='stylesheet' id='avia-woocommerce-css-css'  href='http://www.rweberjewelry.com/wp-content/themes/propulsion/config-woocommerce/woocommerce-mod.css?ver=3.5.2' type='text/css' media='all' />

<!-- custom styles set at your backend-->
<style type='text/css' id='dynamic-styles'> 
        <!----a ton of stuff deleted  - too long ----->
</style>

<!-- google webfont font replacement -->
<link id="google_webfont_1" rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Cardo" />

<link rel="stylesheet" href="http://www.rweberjewelry.com/wp-content/themes/propulsion/css/custom.css" type="text/css" media="screen"/>

</head>

Answer 1

您似乎有一些HTML问题，IE8没有像其他浏览器那样优雅地处理。一些最糟糕的攻击是HTML属性中的撇号，它过早地结束了属性。

W3C validator results

ie8忽略WordPress网站上的样式

1 个答案: