Question

这里有个大问题。

我尝试用图像覆盖div，因此将其禁用，除了无法适应窗口的大小，我设法生成了代码，结果如下：https://i.stack.imgur.com/tMY53.png < / p>

有时会出现以下错误：https://i.imgur.com/Cwck9Ol.png在两种情况下，图像均不是从顶部居中，我尝试使用完整值（所有值都在20到30之间），但是它没有帮助..

这是我的代码：

  var width=$('.soon').width();
  var height=$('.soon').height();

  $('.soonIMG').css('width', width);
  $('.soonIMG').css('height', height);
  $('.soonIMG').css('top', -height-20.5);

$( window ).resize(function() {

  var width=$('.soon').width();

      var height=$('.soon').height();

      $('.soonIMG').css('width', width);
      $('.soonIMG').css('height', height);
      $('.soonIMG').css('top', -height-20.5);
});

如何解决问题？谢谢大家！

Answer 1

根据您的描述，我理解您想用某种图像来阻止特定的div。因此，在这里，我给出了一些CSS，您可以实现这一目标。

CSS

.overlay {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    z-index: 999;
    top: 0;
    left: 0;
    position: absolute;
}

然后将以下HTML放置在要使用图片阻止的div中。

<div class="overlay">
<!-- Here you can add HTML for the image/content which you want to show on that div and write CSS for that as well -->
</div>

希望这对您有所帮助，并让我知道是否需要任何进一步的更改/建议。

带有隐藏图像的CSS隐藏div

1 个答案: