CSS content-visibility on background-image？

tf7tbtn2 于 2023-06-07 发布在其他

关注(0)|答案(1)|浏览(149)

我知道CSS content-visibility和contain-intrinsic-size可以和IMG标签一起使用，但是它可以和background-image属性一起使用吗？
这些属性是否对下面的代码有任何影响？

<span id="image">

#id{
   height:50px;
   width:100px;
   content-visibility:auto;
   contain-intrinsic-size:50px;
}

1条答案

我假设你可以使用content-visibility:hidden;来检查它。如果图像消失了，那么它就工作了，如果没有，那么你可能应该将content-visibility: auto添加到父组件中。
我偶然发现了同样的问题。我有一个结构像这样：

<ul>
  <li>
   <button>
     <span classname="bg-image-here"></span>
   </button>
  </li>
  ...
</ul>

一开始我添加了content-visibility，但这似乎没有效果。然后我把它移动到按钮和跨度消失