Internet Explorer背景图像仅显示内容的位置

时间:2016-05-03 20:06:59

标签: html css internet-explorer

第一次,很长一段时间。

我的细胞背景图片存在问题。它在Chrome和Firefox中运行得非常好。但是,我的问题仅在使用IE时出现。

在IE中,它只显示单元格中有内容的背景图像。例如,如果文本仅填充单元格的一半,则背景将仅显示单元格的一半。我需要它显示完整的背景,无论是否有内容。提前感谢您的任何帮助。

这是我的CSS:

.game{
    width: 40%;
    max-width: 40%;
    min-width: 40%;
    display: block;
    position: relative;
}


.game:after {
  content: "";
  background-image: url('image.jpg') !important;
  opacity: 0.45;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   
}

1 个答案:

答案 0 :(得分:2)

empty-cells属性应该有帮助:

  

空单元格CSS属性指定用户代理如何在没有可见内容的单元格周围渲染边框和背景。

因此,为表格单元格元素添加empty-cells: show;