HTML中css的background_image–image插入图片不显示为啥？

来源：蜘蛛抓取(WebSpider) 时间：2019-10-22 04:09 标签： background_image

我一直在努力解决以下问题.

如果您运行此代码,您会注意到蓝色和红色元素.
当没有要显示的文本(span为空)时,如何隐藏“红色元素”.我想用’蓝色元素’做同样的事情,当里面没有攵字时,它应该是不可见的.
显示的原因是填充,但我想填充,因为它看起来不错.
我相信你们是最好的,并找到解决方案.

,则可以使用伪状态：空(

)来重置无内容的.myClassDie实例的填充,使用以下代码.

更新您的工作示例,它变为：

我在其中插入了两个向您展示有和没有内容的行为.

由于“空”案例的有效隱形,如果您想要一个更紧凑的解决方案,您可以将两个单独的规则折叠成一个,只需设置：

在这种情况下,仅当.myClassDie不为空时,您才会应用所有属性.

这對于这种特定情况是等效的,但是如果你想看到这个DIV也是空的,只限于重置填充(例如因为它有固定的大小或边框),你必须使用第一个解决方案,而鈈是更紧凑的解决方案.

我要回帖

更多关于 background_image 的文章

 

随机推荐