Internet Explorer上自定义页面模板图像加载问题

时间:2014-07-15 作者:Shashi

我已经创建了一个网站http://demo.tennis-florida.com/ 它使用的是我在Internet explorer上打开它时构建的自定义主题。

自定义post grid中的图像没有显示(在源代码中完美显示),但与其他浏览器配合良好

1 个回复
最合适的回答,由SO网友:HU ist Sebastian 整理而成

第一:你可能对滑块做了一些设置错误,或者滑块被弄乱了,因为你的图片被它完全扭曲了。

关于您的问题:1:auto不是图像的HTML属性“height”的有效值。将其从图像标签中完全移除,其大小将为“自动”。所以,没有

<img class="alignleft wp-image-78 size-full" src="http://demo.tennis-florida.com/wp-content/uploads/2014/05/summer-camp-28.jpg" alt="summer-camp-28" width="100%" height="auto" />
但是

<img class="alignleft wp-image-78 size-full" src="http://demo.tennis-florida.com/wp-content/uploads/2014/05/summer-camp-28.jpg" alt="summer-camp-28" width="100%" />
2.:Internet Explorer 8及以下版本不理解HTML5标记,如

<header></header>
<footer></footer>
等等。您需要使用polyfill使其工作。

步骤1:转到https://github.com/aFarkas/html5shiv 和下载https://raw.githubusercontent.com/aFarkas/html5shiv/master/dist/html5shiv-printshiv.min.js

第二步:将其保存在主题文件夹中。

第3步:打开主题标题。并在主题样式之前的head部分插入以下代码。css:

<!--[if lt IE 9]>
    <script src="<?php bloginfo(\'stylesheet_directory\'); ?>/html5shiv-printshiv.min.js"></script>
<![endif]-->
步骤4:完成!

快乐的编码,

Kuchenundkakao

结束

相关推荐