文章/答案/技术大牛

发布

社区首页 >问答首页 >IE8与IE9的版图差异

问IE8与IE9的版图差异
EN

Stack Overflow用户

提问于 2013-11-02 10:59:13

回答 2查看 1.6K关注 0票数 0

我有一个站点(www.jamesalder.co.uk)，它没有在IE8和下面正确地呈现。

以下是IE8中的内容：

在IE9和其他任何东西中：

正如您所看到的，搜索框已经从右上方移到了错误的位置。搜索框的html是：

<div id="header">
    <img src="/media/header_images/ts-hutton_2.jpg" title="Victorian Paintings at James Alder Fine Art" alt="Victorian Paintings at James Alder Fine Art" "="">
    <form id="search-form" action="/search">
             <label id="search-label">Search the Site</label>
             <input type="image" src="/static/images/sign-up.gif" value="search" id="search-button">
             <input type="text" name="q" id="search-input">
    </form>

</div>

它似乎完全忽略了下面的CSS，因为如果我禁用这个CSS，它具有相同的效果：

#search-form {
    position: absolute;
    right: 0;
    top: 0;
    background-color: rgba(255, 255, 255, 0.6);
    padding: 3px;
}

IE9在表单上的CSS有什么问题吗？我应该把它放进去吗？

至于下面那些决定不再漂浮的图片，我不知道。

是否有任何最佳实践或良好的资源，让网站在较旧版本的IE，或我应该只使用条件？

internet-explorer-8

internet-explorer-9

html

css

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-11-03 22:48:57

它实际上是由格式错误的html引起的。我有这样的标签：

<img src="/media/homepage_images/all-paintings-sale.jpg" 
     alt="All Victorian Paintings for Sale" 
     title="All Victorian Paintings for Sale" ">

注意结尾处的“，这使得后面的所有内容都被视为文本。奇怪的是，IE9和其他所有东西都自动修复了错误，但是IE8及其下面的内容却没有。

票数 2

Stack Overflow用户

发布于 2013-11-02 11:10:18

可能是由<form>引起的。

将<form id="search-form" action="/search">元素放入div中。

<div id="header">
    <img src="..."/>
    <div id="search-form">
        <form action="/search"></form>
    </div>
</div>

请尝尝这个。

票数 -1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/19741195

复制

相似问题

问IE8与IE9的版图差异
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问IE8与IE9的版图差异EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问IE8与IE9的版图差异
EN