Javascript 如何检测图像是否可见?
所以我有一个表单的epserver块。在桌面和大屏幕上,表单将显示在右侧的图像中。在较小的屏幕上,图像是隐藏的 当图像被隐藏时,我想将表单加宽以填充缺少的空间。映像没有自己的div类。它是包含div的背景图像Javascript 如何检测图像是否可见?,javascript,html,css,asp.net,episerver,Javascript,Html,Css,Asp.net,Episerver,所以我有一个表单的epserver块。在桌面和大屏幕上,表单将显示在右侧的图像中。在较小的屏幕上,图像是隐藏的 当图像被隐藏时,我想将表单加宽以填充缺少的空间。映像没有自己的div类。它是包含div的背景图像 <div class="container pb-5 pt-3 fixed-bg gatedbg" style="background-image: url(@Url.ContentUrl(Model.CurrentBlock.Image))"> <div cla
<div class="container pb-5 pt-3 fixed-bg gatedbg" style="background-image: url(@Url.ContentUrl(Model.CurrentBlock.Image))">
<div class="row">
<div class="container pb-5 pt-3 fixed-bg gatedbg" style="background-image: url(@Url.ContentUrl(Model.CurrentBlock.Image))">
<div class="row">
<div class="@(!ContentReference.IsNullOrEmpty(Model.CurrentBlock.Image) ? "col-sm-7 col-md-8" : "col-sm-12 col-md-12")">
<div class="whitepaper">
</div>
</div>
</div>
</div>
</div>
</div>
在EPIserver或ASP.Net/MVC中是否有方法检测背景图像在浏览器中何时被隐藏
如果我理解正确,我无法在这个razor页面中使用javascript,因为它是服务器端代码?这些pb-5 pt-3类可能是某些网格系统的一部分,负责列宽?960px是否对应于该系统使用的响应断点之一
如果是这样,您可能只需要设置不同的类,使表单具有全宽,并完全隐藏“image”列
否则,您可能需要在样式表中显式覆盖来自这些类的宽度。这些pb-5 pt-3类可能是某些网格系统的一部分,这些网格系统负责列宽?960px是否对应于该系统使用的响应断点之一?如果是这样,您可能只需要设置不同的类,使表单具有全宽,并完全隐藏“image”列;否则,您可能需要在样式表中显式覆盖来自这些类的宽度。我没在想。我已经解决了。请随意将此作为解决方案发布,我将为您标记它。
@media (max-width: 960px) {
.gatedbg {
background-image: none !important;
}
}