Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 隐藏文本,但如果在没有javascript的情况下复制和粘贴,则显示文本_Html_Css - Fatal编程技术网

Html 隐藏文本,但如果在没有javascript的情况下复制和粘贴,则显示文本

Html 隐藏文本,但如果在没有javascript的情况下复制和粘贴,则显示文本,html,css,Html,Css,我正在为一个短篇故事网站做设计。 我听说过的其中一个故事,如果有人复制并粘贴文本,会显示额外的行,效果会更好 是否仅仅通过HTML和CSS就可以实现这一点?我试过使用display:none但这似乎并没有复制隐藏的文本。我不想为此使用Javascript 示例HTML Lorem ipsum----这是巧妙隐藏的文本----dolor sit amet 最近的一次是 width: 1px; overflow: hidden; display: inline-block; height: 1em;

我正在为一个短篇故事网站做设计。
我听说过的其中一个故事,如果有人复制并粘贴文本,会显示额外的行,效果会更好

是否仅仅通过HTML和CSS就可以实现这一点?我试过使用
display:none但这似乎并没有复制隐藏的文本。我不想为此使用Javascript

示例HTML

Lorem ipsum----这是巧妙隐藏的文本----dolor sit amet

最近的一次是

width: 1px;
overflow: hidden;
display: inline-block;
height: 1em;
color: rgba(255,255,255,0);
如果我做
width:0它不复制。上面的方式仍然会将文本移动一小部分,当突出显示时,确实会显示一点伪影

(与问题本身无关:但据我所知,这篇报道的目的是强烈暗示,当被复制时,隐藏的信息会出现,这将导致网站上的另一篇未列出的报道,供理解其暗示的人使用)


这是这个问题的一个可能的解决方案,但是它可能合适,也可能不合适

仅在粘贴后显示

如果您希望它只出现在粘贴的文本中(而不是突出显示时),则可以使字体不占用任何空间,以便它可以隐藏在其他文本之间,例如

div{
颜色:#000;
背景色:#FFF;
}
.隐藏{
字号:0;
}

这是显而易见的。
这不是。
(复制并粘贴以查看隐藏线)

此答案只是DBS答案评论中讨论的解决方案的演示。选择文本不会向您表明您选择的内容超过了“这是可见的”,但将其粘贴到记事本将显示所有内容。似乎非常适合小ARGs或基于互联网的谜题

div{
颜色:#000;
背景色:#FFF;
}
.希登1{
/*匹配背景色*/
颜色:#FFF;
字号:0;
}
.希登2{
/*透明文本,应适用于任何背景颜色*/
颜色:rgba(0,0,0,0);
字号:0;
}

这是显而易见的。
这不是。
这也不是。

如果没有任何提供的代码,我真的不知道你的意思听起来像是建议允许复制/粘贴作为谜题的解决方案?例如,一个手机游戏说“从一个新的角度看解决方案”,解决方案是旋转手机;同样,尝试在页面中复制/粘贴某些文本会显示比最初可见的更多的内容。有多种方法可以做到这一点,但你可以从显示HTML的示例段落开始,用标签将你想单独工作的部分分开。根据你的需要,你可以简单地给它一个与背景相匹配的颜色,或者给它一个完全不透明的RGBA颜色。我认为这两种方式都应该允许选择,这使得文本发生了细微的变化。是否有任何理由不使用字体大小:0?这+带有0 alpha的rgba颜色似乎起作用了。@Trel我有点担心
font-size:0
可能会导致某些浏览器出现问题,但我认为这可能是安全的。编辑:在谷歌上快速搜索,使用起来似乎很安全。如果使用起来安全,那么
font size:0;颜色:rgba(255255,0)
是完美的答案。@DBS为什么需要透明的颜色?
0
字体大小完全隐藏了元素,因此默认颜色中没有任何可见内容。对吗?另外,我尝试了
opacity:0作为透明颜色的替代品。似乎有效。但我认为没有必要设置透明颜色或不透明度。仅设置字体大小就足够了。@ADTC透明度基本上是以防万一,我不确定
0px
字体是否会导致2016年我们仍需支持的某些浏览器出现问题。这当然不应该再需要了(如果有必要的话),我会更新答案。什么是ARG?