如何设置隐藏但仍可由浏览器搜索的html元素? 用例:一个没有名字的卡片站点,但是如果能够按名字搜索,这将非常有用

如何设置隐藏但仍可由浏览器搜索的html元素? 用例:一个没有名字的卡片站点,但是如果能够按名字搜索,这将非常有用,html,css,browser,Html,Css,Browser,想象一下,相册卡片上没有相册的名称,只有图像,但是人们可以Ctrl+F并搜索相册 有什么具体的因素吗?或者任何可以工作的css规则?三种解决方案: 为文本和背景设置相同的颜色 将不透明度设置为0 设置位置:固定和顶部:0或z索引:-1 您可以在.css文件中使用样式,在元素上使用类,如下所示: .yourElement{ z-index:-99999;/*这确保元素位于所有元素后面*/ 不透明度:0;/*减少不透明度*/ } 我的答案应该有效,但你可以尝试使用可见性css属性刚才回复@moqiy

想象一下,相册卡片上没有相册的名称,只有图像,但是人们可以
Ctrl
+
F
并搜索相册

有什么具体的因素吗?或者任何可以工作的
css
规则?

三种解决方案:

  • 为文本和背景设置相同的颜色

  • 将不透明度设置为0

  • 设置位置:固定和顶部:0或z索引:-1


  • 您可以在
    .css
    文件中使用样式,在元素上使用类,如下所示:

    .yourElement{
    z-index:-99999;/*这确保元素位于所有元素后面*/
    不透明度:0;/*减少不透明度*/
    }
    
    我的答案应该有效,但你可以尝试使用可见性css属性刚才回复@moqiyuanshi,如果你可以在任何地方放置任何元素,这些选项都有效,但是如果你在网格中,额外的元素可以破坏分布,但是我认为没有比这些选项更好的选择(?)如果这些解决方案都位于网格中,那么这些解决方案都不会立即生效,因为我必须在网格中创建一个将被计数的元素。难道没有更好的选择吗?