如何仅使用 CSS/HTML 而不使用显示来隐藏图像损坏的图标:无?

问题描述 投票:0回答:2

我无法隐藏图像损坏的图标。如果我不显示,它就不会显示我的 css。

 <img 
        className="card__image" 
        src={image ? image : ""}
        alt={name || ""}
      />

我想在不接触 css 的情况下删除刚刚损坏的图标 example

javascript html css reactjs
2个回答
0
投票

有几种方法可以在 css 中隐藏元素

display: none

使用:

opacity: 0;
使 elem 消失,但它仍然是互动的

或使用:

visibility: hidden
隐藏它。

使用

pointer-events: none
使其成为非交互式


0
投票
{image && name ? (
        <img
          className="card__image"
          src={image}
          alt={name}
        />
      ) : (
        <div className="card__image"></div>
      )}

这种方法对我有用。谢谢,我刚刚弄明白了。

© www.soinside.com 2019 - 2024. All rights reserved.