19

我很快就会为我的大学完成一个网站（事实上，除了一些轻微的调整外，它现在大部分都完成了），我想向一些提供帮助的博主和堆栈溢出社区添加一个隐藏的感谢一个巨大的帮助。现在，我有一个以这种方式隐藏的文本部分：

<font style="font-size:0px"> - text </font>

但我觉得可能有更好的方法。在那儿？

4

9 回答 9

21

这将保留其空间，但不显示任何内容；

opacity: 0.0;

这将完全隐藏对象，加上它的（保留的）空间；

display: none;
于 2013-04-18T13:01:07.827 回答
15 
<div style="display:none;">CREDITS_HERE</div>
于 2013-04-18T13:01:16.953 回答
4

你可以使用css属性来隐藏 style="display:none;" 

<div style="display:none;">CREDITS_HERE</div>
于 2013-04-18T13:01:46.750 回答
3

您说您不能使用 HTML 注释，因为 CMS 会将它们过滤掉。所以我假设你真的想隐藏这个内容，你不需要显示它。

在这种情况下，您不应该（仅）使用 CSS，因为您只会在演示级别上播放，而不会影响内容级别。对于忽略 CSS 的用户代理（使用文本浏览器、提要阅读器、屏幕阅读器；机器人等），您的内容也应该隐藏。

在 HTML5 中有全局hidden属性：

当在一个元素上指定时，它表示该元素尚未或不再与页面的当前状态直接相关，或者它正在用于声明内容以供页面的其他部分重用，而不是用户直接访问。用户代理不应渲染具有hidden指定属性的元素。

示例（在此处使用small元素，因为它是“属性”）：

<small hidden>Thanks to John Doe for this idea.</small>

作为后备（对于不知道该hidden属性的用户代理），您可以在 CSS 中指定：

[hidden] {display:none;}

纯文本的一般元素可以是用作“数据块”script的元素：

<script type="text/plain" hidden>
Thanks to John Doe for this idea.
</script>

或者，您也可以在现有元素上使用data-*属性div（如果要为属性分组一些元素，则分别在新元素上使用）：

<p data-attribution="Thanks to John Doe for this idea!">This is some visible example content …&lt;/p>
于 2013-04-18T13:51:42.970 回答
2

显示：无或可见性：隐藏。

于 2013-04-18T13:01:51.657 回答
2

这里有两种方法可以实现这一目标

您可以不显示或不显示不透明度...但是如果您希望不透明度与跨浏览器兼容，则必须将其添加到您的 css

/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

/* IE 5-7 */
filter: alpha(opacity=50);

/* Netscape */
-moz-opacity: 0.5;

/* Safari 1.x */
-khtml-opacity: 0.5;

/* Good browsers */
opacity: 0.5;

http://codepen.io/anon/pen/Krkfj

于 2013-04-18T13:02:06.057 回答
1

Not sure if this was what you were asking for, but I was personally trying to 'hide' some info in my html so that if someone inspected it, they would see the text in the source code.

It turns out that you can add ANY attribute, and so long as it isn't understood by the browser, it will just be left buried in the tag. My code was an easter egg: For people who couldn't afford to do the Makers Academy course, I basically encouraged them to inspect the element, where they would be given a secret URL where they could apply for a special, cut-price course (it's in haml, but it's the same idea in HTML):

.entry
        %h2 I can't afford to do the course... What should I do?
        %p{:url_you_should_visit => 'http://ronin.makersacademy.com'} Inspect and you shall find.

Or in html:

<p url_you_should_visit="http://ronin.makersacademy.com">Inspect and you shall find.</p>

Because 'url' is not a recognised html attribute, it makes no difference but is still discoverable. You could do the same with anything you wanted. You could have an attribute (in html) like:

<p thanks="Thanks to all the bloggers that helped me"> Some text </p>

And they'll be able to find your little easter egg if they want it... Hope that helps - it certainly helped me :)

于 2015-01-20T17:16:01.293 回答
0

使用 CSS 属性visibility并将其设置为hidden.

你可以在这里看到更多。

于 2013-04-18T13:03:00.107 回答
0

使用 css 属性style="display:none"或style=visibility:hidden"

于 2013-04-18T13:03:52.890 回答