草庐IT

webkit-inline-box

全部标签

html - 我可以将 webkit-gradient 应用于边框或背景吗?

所以我想让边框变淡。我有我想要的确切webkit渐变设置。但不确定如何在边框元素上实现它。这可能吗?我该怎么做?请仅使用CSS3。顺便说一句,我尝试了以下CSS,但没有用:border-color:-webkit-gradient(linear,leftbottom,lefttop,color-stop(0.74,rgb(214,11,11)),color-stop(0.39,rgb(175,13,13)),color-stop(0.07,rgb(157,22,22)));border-style:solid;border-width:10px; 最佳答案

html - 显示 :inline-block elements 上的神秘负边距

我真的很困惑为什么会这样。http://syndex.me上的帖子有2px的边距。当页面最初加载时,会遵守这一点。当第二批帖子加载时(开始加载14个帖子)您会看到,由于某些奇怪的原因,右边的帖子实际上比应有的短2px。更奇怪的是,检查帖子显示它们实际上设置了margin:2px更奇怪的是,这只发生在左边距或右边距,而不是顶部和底部(?!)做前端有一段时间了,我很确定这是一个奇怪的案例。我在firefox、safari和chrome上遇到了这个渲染问题。如果我使用检查器翻转帖子,我可以看到每个帖子确实有2px的边距,只是第二个帖子(右边)的边距开始时就好像它旁边的帖子有一个零margin

html - 在 Jade 中使用 mixin inline

我正在尝试像这样在一行Jade的中间使用一个mixin...psomeparagraphtext!{'this'+'works'}but!{+myMixin()}breaksit!但它不起作用。我不知道如何在一行jade中间引用一个mixin。可能吗? 最佳答案 你需要特殊的方式来内联使用jademixins:p.HelloI'musing#[+jadeMixin(param)]inline. 关于html-在Jade中使用mixininline,我们在StackOverflow上找到一

css - 具有负 z-index 的绝对定位 HTML5 视频元素会破坏 webkit 浏览器中的背景附件

我使用HTML5视频元素作为背景层,效果很好,但是,它会导致页面上的其他元素出现问题,这些元素具有属性为background-attachment:fixed的背景图像.背景图像变得松散、splinter或完全消失。如果我将视频包装器div的z-index更改为正数,问题就会消失,但这违背了将其用作背景层的目的。此问题仅发生在webkit浏览器(Chrome和Safari)中。这是基本的HTML:.........还有CSS:.fixed-background{background:url('image.jpg')centercenter;background-size:cover;b

html - 如何使用 Jade 添加粗体或斜体 (INLINE)? *喜欢 Markdown

使用Jade可以在同一代码行使某些单词变强生成HTML?我尝试使用markdowncode,像这样。但不起作用:pHerearemy**strongwords**inmysentence!我找到的一个独特的解决方案(here)是:pHerearemystrongwordsinmysentence!还有别的办法吗?谢谢! 最佳答案 我想你可以简单地做:pHereismy#[strongstrongwords]inmysentence! 关于html-如何使用Jade添加粗体或斜体(INLI

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

javascript - Twitter 如何实现其 Tweet Box?

我正在尝试实现类似于Twitter的推文框,具体来说:当总长度超过140个字符时,自动以红色背景突出显示文本。自动以蓝色突出显示链接、提及和主题标签。这些应该在用户键入时自动发生。根据我在Twitter上看到的语义标记,他们似乎在使用contentEditable分区每当检测到提及/主题标签/链接时,或者当长度超过140个字符时,都会修改内部的DOM:helloworld@testMentiontext#helloWorldtexthttp://www.google.comtexttexttexttexttexttexttexttexttexttexttexttexttexttexto

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