本网站使用二十一十二的子主题,在 Chrome、Firefox、Opera 和 Internet Explorer 10 中显示良好。
但是,在 Internet Explorer 8 中,它会降级:
<div id="site" class="page">
没有显示其背景图像,<h1 class="site-title">
也没有向右浮动。
如何让 IE8 显示背景图像,并将 h1 浮动到右侧?
IE8 不能正确读取 HTML5 标签,你必须帮助他使用各种可以在网上轻松找到的脚本。
尝试在页面头部添加此脚本:
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js">
</script>
<![endif]-->
设置这两个元素样式的 CSS 位于 CSS 媒体查询中,IE8 不支持。
尝试设置
position: absolute;
float:right;
right: 100px; /**/
用于浮动 h1 标签。