Fatal编程技术网
  • html/
  • Html 集装箱IE8问题？

Html 集装箱IE8问题？

html css internet-explorer-8

Html 集装箱IE8问题？,html,css,internet-explorer-8,Html,Css,Internet Explorer 8,出现internet explorer导致我的网站容器看起来伸展的问题： 该站点的url为 我知道现在很多网站都不支持IE8，但我觉得修复网站容器会降低反弹率 谢谢尝试将属性添加到幻灯片中 例如： <li id="ts-twentytwelve-slide-5272327b9a2a3823180679" class="ts-twentytwelve-slide cycle-slide" style="background-image: url(http://profiledt.co.u

出现internet explorer导致我的网站容器看起来伸展的问题：

该站点的url为

我知道现在很多网站都不支持IE8，但我觉得修复网站容器会降低反弹率

谢谢

尝试将属性添加到幻灯片中

例如：

<li id="ts-twentytwelve-slide-5272327b9a2a3823180679" class="ts-twentytwelve-slide  cycle-slide" style="background-image: url(http://profiledt.co.uk/SetTraining/wp-content/uploads/2013/10/dreamstime_l_26128127.jpg); position: absolute; top: 0px; left: 0px; z-index: 97; display: none; opacity: 0;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://profiledt.co.uk/SetTraining/wp-content/uploads/2013/10/dreamstime_l_26128127.jpg', sizingMethod='scale');-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://profiledt.co.uk/SetTraining/wp-content/uploads/2013/10/dreamstime_l_26128127.jpg', sizingMethod='scale')">
    <a href="" class="ts-twentytwelve-link " style="left: 540px; top: 191px">
        <div class="ts-twentytwelve-overlay">
            <h1 class="ts-twentytwelve-title">Slider too big?</h1>
            <p class="ts-twentytwelve-description">Slider too big?</p>
        </div>
    </a>
</li>
它循环浏览每张幻灯片，并添加带有特定背景图像的过滤器。 正如影子向导所提到的，在文档中添加一个有效的doctype（下载header.php并检查顶部是否如下所示：

<?php
/**
 * some comments here...
 */
?><!DOCTYPE html>
<!--[if IE 7]>
<html class="ie ie7" <?php language_attributes(); ?>>
<![endif]-->
<!--[if IE 8]>
<html class="ie ie8" <?php language_attributes(); ?>>
<![endif]-->
<!--[if !(IE 7) | !(IE 8)  ]><!-->
<html <?php language_attributes(); ?>>
<!--<![endif]-->


尝试将属性添加到幻灯片中

例如：


<li id="ts-twentytwelve-slide-5272327b9a2a3823180679" class="ts-twentytwelve-slide  cycle-slide" style="background-image: url(http://profiledt.co.uk/SetTraining/wp-content/uploads/2013/10/dreamstime_l_26128127.jpg); position: absolute; top: 0px; left: 0px; z-index: 97; display: none; opacity: 0;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://profiledt.co.uk/SetTraining/wp-content/uploads/2013/10/dreamstime_l_26128127.jpg', sizingMethod='scale');-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://profiledt.co.uk/SetTraining/wp-content/uploads/2013/10/dreamstime_l_26128127.jpg', sizingMethod='scale')">
    <a href="" class="ts-twentytwelve-link " style="left: 540px; top: 191px">
        <div class="ts-twentytwelve-overlay">
            <h1 class="ts-twentytwelve-title">Slider too big?</h1>
            <p class="ts-twentytwelve-description">Slider too big?</p>
        </div>
    </a>
</li>


它循环浏览每张幻灯片，并添加带有特定背景图像的过滤器。
正如影子向导所提到的，在文档中添加一个有效的doctype（下载header.php并检查顶部是否如下所示：


<?php
/**
 * some comments here...
 */
?><!DOCTYPE html>
<!--[if IE 7]>
<html class="ie ie7" <?php language_attributes(); ?>>
<![endif]-->
<!--[if IE 8]>
<html class="ie ie8" <?php language_attributes(); ?>>
<![endif]-->
<!--[if !(IE 7) | !(IE 8)  ]><!-->
<html <?php language_attributes(); ?>>
<!--<![endif]-->





发生这种情况的原因很可能是IE陷入了怪癖模式。IE8陷入了IE5怪癖模式，这显然不是一件好事

原因是您拥有的HTML完全无效

您的文档以这两行开头：


<link href='http://fonts.googleapis.com/css?family=Baumans' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Josefin+Sans' rel='stylesheet' type='text/css'>







然后是
和其他。将这些行放在适当的位置，并使用一些工具验证HTML，例如…（由于某种原因，可能有太多人使用了它）
发生这种情况的原因很可能是IE陷入了怪癖模式。IE8陷入了IE5怪癖模式，这显然不是一件好事

原因是您拥有的HTML完全无效

您的文档以这两行开头：


<link href='http://fonts.googleapis.com/css?family=Baumans' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Josefin+Sans' rel='stylesheet' type='text/css'>







然后是
和其他。将这些行放在适当的位置，并使用一些工具验证HTML，例如…（由于某种原因，可能有太多人使用了它）
确切的问题是什么？您的问题是什么/上面清楚地说明了。“出现internet explorer导致我的网站容器看起来伸展的问题：”确切的问题是什么？您的问题是什么/上面清楚地说明了。出现internet explorer导致我的网站容器看起来伸展的问题：“嗨，达米安，问题是滑块是一个插件，我无法单独访问每个图像？谢谢达米安，很抱歉听起来像个白痴，我到底要把它放在哪里？你能给我需要编辑的文件吗？谢谢，我看到你在使用wordpress（带有二十一世纪主题）因此，请尝试通过FTP访问您的网站，并将目录更改为
wp content
->
themes
->
Twentyle2
，然后下载文件
footer.php
。然后在
之后但在
之前插入上面的
jQuery代码
，谢谢Damian，我相信我已经添加了它。将会测试。嗨Damian，问题是滑块是一个插件，我无法单独访问每个图像？谢谢Damian，很抱歉听起来像个白痴，我应该把它放在哪里？你能给我需要编辑的文件吗？谢谢，我看到你在使用wordpress（主题为Twenty12）因此，请尝试通过FTP访问您的网站，并将目录更改为
wp content
->
themes
->
Twentyle2
，然后下载文件
footer.php
。然后在
之后但在
之前插入上面的
jQuery代码
，谢谢Damian，我相信我已经添加了它。将进行测试。+1.始终s将doctype放在第一位，以避免出现重大渲染问题。感谢Shadow，使用validator+1进行检查和修复。始终将doctype放在第一位，以避免出现重大渲染问题。感谢Shadow，使用validator进行检查和修复