英雄形象不适用于mozilla

时间:2016-10-27 16:12:43

标签: html css image background background-image

我的英雄形象是在每个浏览器上运行但在Mozilla中没有,我不知道为什么会发生这种情况,因为我使用的是一些通常适合我的标准代码。

这是我的完整背景标题图片的CSS:

  display: table;
  width: 100%;
  min-height: 100vh;
  height:100vh;
  padding: 100px 0;
  text-align: center;
  color: white;
  background: url(../img/intro-bg.jpg) no-repeat bottom center scroll;
  background-color: black;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;

这是网站直播:http://www.conlamochilaalhombro.com

非常感谢!

1 个答案:

答案 0 :(得分:0)

简单解决方案

.intro删除display: table;

替代解决方案

»只是展示另一种中心文字/内容的方式。

取消.introp上的display: table-cell;.intro-body上的.intro-body。然后像这样居中.introp { position: relative; } .intro-body { position: absolute; top: 50%; left: 50%; transform: translate( -50%, -50% ); }

mysql5.5.51 : audit-plugin-mysql-5.5-1.1.0-633-linux-x86_64.zip
mysql5.6.31 : audit-plugin-mysql-5.6-1.1.0-638-linux-x86_64.zip
mysql5.6.34 : audit-plugin-mysql-5.6-1.1.0-638-linux-x86_64.zip