html - 我的 html/css 代码在 IE 和 firefox 中的兼容性

Question

我是初学者 word press 开发人员，我最近将以下代码添加到我网站的侧边栏，它在 Google chrome 上运行良好。但在 Firefox 和 IE 中，我链接的图像被缩放占据了整个内容区域。任何帮助将不胜感激。谢谢。

<div>

 <div style="  width: 80%;height: 58%; z-index: -1;  position: fixed; left: -12%; top: 16%;">
    <img src="http://abc.com/wp-content/uploads/2013/08/untd1.png" style="   width:100%;
height:100%;" alt="" />
</div><div style=" margin-left:59%; width:59%; height:100%; float: right;" >[contact-form-7 id="207" title="sidebar Contact form"]</div></div>

Answer 1

我会尝试删除样式“left: -12%;”在第二个 div 中(在第二行)