html - 在网页上显示链接的 Internet Explorer 兼容性问题

标签 html css internet-explorer

在我的网站上,我在右侧 Google map 下方有一个名为“查看大图”的链接。此链接只是打开更大版本的 Google map 。

理想情况下,我希望此链接位于左侧或右侧的小 map 下方。在 Chrome 和 Firefox 中,我把它做得很完美(在 map 图像下方的左侧)。在 IE 9 中,它向上移动到 map 图像左上角的页面。 我整晚都在尝试让它在所有浏览器中位于左侧或右侧的 map 图像下方,但是当我设法让它在 IE 中工作时,它在 Chrome 和 FF 中被破坏了。我现在很沮丧,并且不得不寻求帮助。

相关网站页面在线:http://stage.boarsheadgolfcentre.co.uk/Home/Contact

目前它在 Chrome 中的设置完全符合我的要求,但 IE 无法正确显示。

最佳答案

将包含 map 和文本的 div 设置为包含 width: 350px

<div style="float: right; margin-top: -50px; width: 350px">
    <p>
        ...
    </p>
</div>

关于html - 在网页上显示链接的 Internet Explorer 兼容性问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10475746/

相关文章:

css - 无法处理 Float :left property

javascript - 了解 HTML anchor 标记

javascript - AngularJs 指令 : Copied code verbatim from official tutorial and it doesn't work. 为什么?

javascript - 在 javascript 中使用数组值定位表单元素

javascript - 在 Handlebars.js 中循环遍历多维数组

css - 根据分辨率响应式设计/缩放模块

html - 如何让div显示:none after a css animation that makes it fade away?

internet-explorer - 为什么图像在 IE7 中不显示?

html - 如何应用 SVG 使其在 IE 背景图像中工作

html - Bootstrap 4 - 内联表单上的全宽表单字段