草庐IT

webkit-margin-before

全部标签

html - 使文本不可选择和不可复制(webkit,同时被可复制文本包围)

以下代码片段显示了如何使文本不可选择。遗憾的是,如果您在Chrome的任一侧选择文本,当您复制和粘贴时,未选择的文本也会被粘贴。有没有什么办法可以让大量的写作,以及贯穿始终的不可选择的内容,您可以复制和粘贴,而不粘贴不可选择的内容?.hide{color:orange;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}Hellothistextisselectabl

javascript - 浏览器 F11 全屏未注册到 -webkit-full-screen 或 Javascript API

我正在使用javascript(例如,requestFullscreen)和css(:-webkit-full-screen)API来检测浏览器是否处于全屏状态。我对这些API没有问题,因为它们可以成功运行。我遇到的问题是,如果用户点击F11,它不会在浏览器环境中注册,并且用于全屏检测的javascriptapi和CSSapi不会检测全屏。有什么办法可以解决这个问题吗?我有一些动画取决于屏幕的大小(关于全屏),我已经走到了死胡同。 最佳答案 值得一看(function(){varchecktimer;functionisFullSc

html - -webkit-border-radius 不能正确裁剪图像

我有5个浏览器用于呈现html编码的页面:IE9、Firefox4.0和所有最新版本的Chrome、Safari和Opera。现在在IE9和Firefox4.0中使用border-radius:和-moz-border-radius:可以正确裁剪图像,但在Opera、Chrome和Safari中使用-webkit-border-radius:会失败。在Opera中,图像根本没有被裁剪,而在Safari和Chrome中,图像被裁剪了一些,但边框也被裁剪掉了。.nonTyp{margin:15px15px15px15px;border:4pxinset#C1C8DD;border-radi

javascript - 将 x-webkit-speech 与文本区域一起使用

我的网络应用程序中有一个字段,用户可以在其中输入大量文本。我想实现x-webkit-speech元素。它适用于所有框,但我无法在中呈现它 最佳答案 目前它只适用于输入。我假设最终会支持更长的文本输入,但由于用户可能希望记录更长的条目,我怀疑他们担心处理的准确性和时间会受到影响。 关于javascript-将x-webkit-speech与文本区域一起使用,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com

html - 显示 :inline with margin, 填充、宽度、高度

如果我为任何元素设置display:inline,那么margin、padding、width、height不影响那个元素?是否需要使用float:left或者display:block或者display:inline-block来使用margin,padding,width,height在那个元素上? 最佳答案 请参阅CSS规范中的“Inlineformattingcontexts”以获得完整解释。基本上,外边距、内边距和边框都可以在内联级元素上设置,但它们的行为可能与您预期的不同。如果只有一行,行为可能没问题,但同一流中的其他行

html - 推特 Bootstrap 3 : Small Offset/Margin

我正在使用twitterbootstrap3。我想要的是两个div之间的边距,它小于网格大小(因此col-md-offset-*不适用于此)。somecontentsomeothercontent我想知道,twitter-bootstrap实现这一目标的方法是什么?当然,可以只定义边距,但这会破坏twitterbootstrap的行/列布局,所以我觉得必须有更好的解决方案。 最佳答案 默认情况下,每列的两边都有15px的内边距。这构造了一个15x2=30像素的装订线。您可以通过为您的内容或列添加背景颜色来使装订线可见。要使空间小于c

html - 使用 CSS::before 在列表链接前添加一个小图标

这个问题很好地解释了它,但我有列表项,我想在它们之前放置一个简单的菱形图标,但是当我尝试使用::before时,它最终将图像放在上面而不是同一行,我似乎真的不知道如何将它放在同一行的列表图标之前。就像我说的,图像只是一个小菱形,它是5pxx5px.list-menu::before{content:url('../images/menu-icons/image-before.png');}Home 最佳答案 这里根本不需要使用::before伪元素。您可以只使用背景图片:.list-menu{background-image:url

html - 在 HTML/JavaScript 扩展中使用 x-webkit-speech

我正在尝试在GoogleChrome中的一个简单的HTML/JavaScript扩展中使用新的x-webkit-speech函数.但是,我已经尝试并尝试查看一堆示例,但无法成功调用该函数。我见过其他人这样做,但我真的不明白为什么我做不到。我将JavaScript代码放入一个单独的文件中,但我包括使用这是我的x-webkit-speech行....现在,如果我将onChange()更改为alert(this.value),它会执行一个带有语音输入值的警告框。所以我真的不明白为什么我不能只调用另一个函数。我不是最伟大的JavaScript或HTML程序员,但我对此进行了大量研究。每个人对事

html - -webkit-backface-visibility 的潜在魔力

我想知道为什么webkit-backface-visibility就像万能阿司匹林,可以解决或使各种异类问题变得更糟,这些问题主要与伪像和闪烁有关。我已阅读并理解backface-visibility的真正用途:它控制3D旋转对象在不面向屏幕时是否可见。有一个很好的、直接的演示here但我很好奇,为什么每次我在CSS世界中遇到奇怪的故障时,与3D旋转及其隐藏的背面完全无关,将backface-visibility应用到有问题的层或其祖先之一通常会帮助或使事情变得更糟,但很少什么都不做。我在谈论类似的事情动画闪烁修复图层Z-Index问题显示:无可见闪烁和伪像滚动闪烁有趣的是,根据我的拙

javascript - 为什么负 margin 不起作用?

当您单击“恢复”时,一些文本会从左侧出现。这是因为我最初给文本留了负边距。但是intro_page的负边距没有效果。我想要的是:当我点击resume_page时,resume的文本应该从左边进入(这有效)而intro_page的文本应该从右边出来(这不起作用'工作)。intro_page的负边距似乎不起作用。这是为什么?最初,除了两个链接外,页面应该是空的。当前,intro_page页面显示。resume_page已根据需要正确隐藏。简而言之,resume_page的一切都完美无缺。我希望intro_page发生完全相同的事情functionclicked_resume(OnScree