如何通过CSS实现网页内容

分类：最新资讯 - 时间：2024-12-27 - 浏览：次

我们在写前端页面时，隐藏内容可以说是比较常用的手法，它的作用一般有：隐藏文本/图片、隐藏链接、隐藏超出范围的内容、隐藏滚动条、隐藏弹出层、清除错位和浮动等。今天我们分享下通过CSS实现网页内容/元素隐藏的几个方法。一、CSS隐藏内容主要有3个情况1、隐藏所有内容无空白：display: none;2、隐藏溢出的文字或图片：overflow:hidden;3、隐藏内容但是仍然占据空间：visibility:hidden;二、几种有seo作弊嫌疑的方法1、display:none写法：

2、文本缩进负值写法：

文字看不见

3、文字大小为0写法：

文字看不见

4、width和height为0+防止溢出写法：

文字看不见

5、绝对定位负值方法写法：

文字看不见

6、绝对定位+margin负值方法写法：

文字看不见

三、其它让内容/元素隐藏的方法{ visibility: hidden; /* 占据空间，无法点击 */ }{ position: absolute; top: -999em; /* 不占据空间，无法点击 */ }{ position: relative; top: -999em; /* 占据空间，无法点击 */ }{ position: absolute; visibility: hidden; /* 不占据空间，无法点击 */ }{ height: 0; overflow: hidden; /* 不占据空间，无法点击 */ }{ opacity: 0; filter:Alpha(opacity=0); /* 占据空间，可以点击 */ }{ position: absolute; opacity: 0; filter:Alpha(opacity=0); /* 不占据空间，可以点击 */ }最后讲下，display:none 虽然简便有效，但对搜索引擎不友好，且被屏幕阅读器所忽略。overflow:hidden 是比较合理的方法，推荐写法{ display:block; overflow: hidden; width: 0; height: 0; }，将宽度和高度设定为0，然后超过部分隐藏，弥补内容会占据所在空间的缺陷，也达到了隐藏内容的目的。

相关标签： CSS隐藏网页内容、

本文地址：http://www.xiaojiuz.com/article/1069.html

相关内容

通讯法国演员被中国功夫治愈的戏剧人生

新华社巴黎7月27日电通讯，法国演员被中国功夫治愈的，戏剧人生，新华社记者张百慧每年盛夏，法国南部城市阿维尼翁都会因为戏剧节的举办成为，热点，从世界各地赶来的戏剧爱好者们步履匆匆，为了心仪的剧目在骄阳下奔走转场，在26日落下帷幕的2025年阿维尼翁OFF戏剧节上，一部以中国功夫为主题的喜剧作品再次吸引了众多观众，这部在，艺术爱好者，...。

宗氏三兄妹到底是谁的追讨的21亿美元信托

每经记者，叶晓丹黄婉银李玉雯丁舟洋每经编辑，杨夏随着，宗氏三兄妹，围绕信托权的相关诉讼曝光，与之相关的诸多讨论热度一直居高不下，7月17日，，每日经济新闻，记者从接近汇丰的知情人士处获悉，杭州娃哈哈集团有限公司创始人宗庆后，并未在香港汇丰银行以其个人名义设立信托，所谓，信托之争，出现反转了吗，致高律师事务所高级合伙人、致高家族办公室专...。

成都西安是热门打卡地~ 免签47国入境游迎来暑期档

今年暑期，北京市依托城市资源禀赋，积极打造暑期研学游产品矩阵，丰富海内外学生和亲子家庭的游学体验，北京市文化和旅游局发布，夏日研学走读北京，10条研学主题线路，涵盖，进京赶考，红色足迹、戏曲民俗、非遗体验、科技启蒙、地质考古、自然探秘等丰富内容；针对入境游客，策划历史文化研学之旅、自然生态研学之旅、科技探索研学之旅、主题乐园欢乐之旅、...。

警方通报西安一男子违规停车致人死亡责任认定适用法律错误责令重新调查

封面新闻记者郝莹7月9日凌晨，西安市公安局交通管理支队发布情况通报，关于媒体报道，我市民警违法停车引发事故，一事，现就相关调查情况通报如下，2025年3月31日4时49分，在我市雁塔区某路段，罗某某驾驶普通二轮摩托车与姬某，派驻市公安局纪检监察组干部，非民警，停放于路边的小型普通客车左后部发生碰撞，致罗某某受伤，后经医院全力抢救无效死...。

WordPress换域名后如何全站快速替换旧域名

我们运营网站难免有时会有换域名的情况，虽然通过后台系统设置新域名，大部分的链接会自动替换，但仍可能存在一些自己设置的链接不会被替换，一个个查找修改太废时间，今天就跟分享WordPress更换域名后全站快速替换旧域名的方法，一、直接替换法这个方法适合文章量少的站点，这样数据库文件也比较小，通过宝塔面板进入phpMyAdmin导出网站的S...。

中国闹鬼最凶猛之地 (中国闹鬼最凶的小学)

前言中国拥有丰富的文化和历史，伴随着这些常常伴随着各种神秘和超自然的故事，其中，许多地方都被认为闹鬼，吸引着好奇者和寻求刺激的人们，以下是中国一些最著名的闹鬼之地，学校北京八一小学北京八一小学始建于1949年，据说在日军占领时期被用作刑场，如今，学校里经常传出奇怪的声音和出现幽灵般的景象，被认为是北京最闹鬼的学校之一，广州华南师范大学...。

海猪：海洋哺乳动物世界的奇特成员 (海猪是哺乳动物吗)

海猪是一种海洋哺乳动物，属于海猪科，它们经常被误认为是鱼类，因为它们的外形和生活习性都与鱼类相似，海猪并不是鱼类，而是真正的哺乳动物，海猪的特征身体流线型，海猪的身体流线型，背部隆起，腹部平坦，有利于它们在水中快速游泳，鳍状肢，海猪的前肢和后肢进化成鳍状肢，帮助它们在水中推进和保持平衡，背鳍，海猪的背部有一个三角形的背鳍，帮助它们保持...。

水龙卷：水龙卷是一种由热空气和湿空气相遇形成的旋转水柱，可以将鱼卷入空中。(水龙卷水龙卷事件)

什么是水龙卷，水龙卷是一种由热空气和湿空气相遇形成的旋转水柱，它通常发生在温暖的湖泊或海洋上，当水面温度明显高于周围空气的温度时，当温暖、潮湿的空气上升时，它会与较冷、干燥的空气相遇，导致冷空气下降，形成旋转气流，随着旋转的不断加强，它会形成一个水龙卷，将水从水体中吸入空中，水龙卷的类型根据其形成方式，水龙卷可以分为两类，涡流型水龙卷...。

湖南省吉首惊现诡异鬼结婚视频，引发热议 (湖南吉首市)

事件概述近日，一段名为，湖南吉首诡异鬼结婚，的视频在网络上流传开来，引发了广泛关注和热议，视频中，一群身着红白相间丧服的人抬着两副棺材游行，气氛诡异阴森，据悉，该事件发生在湖南省吉首市的一个偏远村庄，视频中，棺材上覆盖着囍字和挽联，上面写着，新人XX，和，新人YY，游行队伍中还有人吹奏着唢呐，场面令人毛骨悚然，官方辟谣事件发生后，吉...。

随机推荐