我在网站上有一个横幅,其中包含以下 less/css 类:
.element-link {
display: block;
background: url('url to image') repeat-x center center;
height: 71px;
background-size: cover;
cursor: pointer;
width: 100%;
}
Run Code Online (Sandbox Code Playgroud)
和html
<a class="element-link" href="url to other site" target="_blank"></a>
Run Code Online (Sandbox Code Playgroud)
但是,当 url('url to image') 上没有图像时(这是边界情况,但我们必须解决它),横幅不会出现(这很好,它使我们可以灵活地删除横幅删除服务器中的图像),但链接仍然有效。
编辑:所以,我需要做的是:检测到没有图像
background: url('url to image') repeat-x center center
Run Code Online (Sandbox Code Playgroud)
在这种情况下更改高度:71px;到高度:0px;我知道我可以用 javascript 做到这一点,但因为该网站不是我的,我想知道在向他们提供 javascript 解决方案之前我是否可以用 less 做到这一点。
| 归档时间: |
|
| 查看次数: |
1498 次 |
| 最近记录: |