【问题标题】:How do I hide an image within a gallery with CSS?如何使用 CSS 隐藏图库中的图像?
【发布时间】:2018-10-14 05:44:50
【问题描述】:

我的 Shopify 网站上有一个图库插件,它没有在图库中隐藏图像的选项。它在图库中确实有一个自定义 CSS 选项,所以我试图找出是否有人知道如何使用 CSS 选项在图库中隐藏某个图像。

我想在图库中隐藏一张图片,而不是整个图库。

画廊的 HTML 代码是:

<div class="cz-embed-gallery" id="cz-embed-gallery3926"></div>

图片有标题、图片链接和标题。

看看你能不能帮忙。

谢谢。

【问题讨论】:

  • 你说的CSS选项是什么意思?
  • @Quentin 它让我可以选择将自定义 CSS 添加到图库中。
  • 您在图库中的图片是否具有唯一 ID、类别、数据值或其他任何内容?
  • 添加您生成的 HTML 结构或指向您网站的链接,这将更容易为您提供帮助。
  • 我已经用图像仪表板的图像更新了这篇文章。我网站的链接是:real97entertainment.com画廊位于“今日视频”部分

标签: html css image gallery


【解决方案1】:

您可以通过将 display: none 分配给类、id 或任何在 CSS 中有效的标识符作为标识符来隐藏任何元素。

看看 CSS 的基础知识。
https://www.w3schools.com/css/

【讨论】:

  • 我想在画廊中隐藏一张图片 - 而不是整个画廊,我会这样做吗?
  • 图库中的每张图片都必须具有唯一的 ID 或某种唯一标识符。您的图像的标识符是您的目标。可以发个链接吗?
  • 我已经用图像仪表板的图像更新了这篇文章。此外,我的网站的链接是:real97entertainment.com 画廊位于“今日视频”部分
  • 好吧,看起来他们没有 shopify 自己的唯一 ID。但仍有希望!您也可以使用其他标识符,或者只看一下第 n 个子选择器。
  • 你觉得title或者caption可以作为唯一ID吗?
猜你喜欢
  • 2013-07-21
  • 2023-04-07
  • 1970-01-01
  • 1970-01-01
  • 2010-12-19
  • 2012-03-10
  • 1970-01-01
  • 2010-09-25
相关资源
最近更新 更多