[英]Specific Element positioned correctly in IE and Chrome, but not in Firefox…and I can't figure out why?
我最近一直在阅读有关跨浏览器的兼容性的书，并且学到了很多东西，但是我还不能解决这个特定的问题。
在我在Chrome和IE中建立的网站www.paintnomorect.com上，联系表单正确位于左上角。 但是在Firefox中，它被放置在主图像下方，并且我不知道它是定位问题，边距，浮动还是其他问题...我尝试搜索答案，但大多数似乎与特定问题有关实例，但我还没有找到一个有帮助的实例。
有人可以帮我找出造成此问题的原因以及如何解决此问题吗？ 并且有解决此类问题的好方法，这样我就可以找出导致问题的原因吗？
删除float和margin-top并使用此CSS：
.contentAreaC .jumbotron.has-formbuilder .module-container .formbuilder {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
这将使表格垂直对齐，并一直保持在左侧。 同样，您可以::before用于垂直对齐表单::before删除:::。 我认为float事情搞砸了。
尝试仅针对FireFox并更改CSS样式的垂直部分：
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
@-moz-document url-prefix() {
h1 {
color: red;
}
}
</style>
</head>
<body>
<h1>This should be red in FF</h1>
</body>
</html>
无法弄清楚为什么这个页面在Firefox中看起来很糟糕？ 在Chrome / IE中看起来不错
[英]Can't figure out why the page looks horrible in Firefox? Looks good in Chrome/IE
绝对定位的黑色 div 不透明度不覆盖某个元素，我不知道为什么
[英]Absolutely positioned black div with opacity does not cover a certain element and I can't figure out why
谁能帮我弄清楚为什么我的HTML电子邮件在IE / Chrome中看起来有所不同？
[英]Can anyone help figure out why my HTML email looks different in IE/Chrome?
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.