草庐IT

webkit-margin-before

全部标签

javascript - -webkit-backface-visibility 导致内存泄漏?

关闭。这个问题需要detailsorclarity.它目前不接受答案。想改进这个问题吗?通过editingthispost添加细节并澄清问题.关闭8年前。Improvethisquestion我正在开发一个jQuery插件,发现了一些奇怪的问题:-webkit-backface-visibility:hidden属性。我的目标是克隆HTML元素,然后从HTML中完全删除它们。如果我在这些元素上设置了-webkit-backface-visibility:hidden,Chrome仍然会在内存中保留一些节点(检查元素>时间轴>记录内存>查看节点)。Jsfiddlewithoutbackf

html - Webkit 溢出滚动导致 div 不显示?

我的网站内容位于一个绝对定位的div中,它填满了整个屏幕。这个div上的滚动通常很笨重,因为它不是原生动量滚动。解决方案?将-webkit-overflow-scrolling:touch;附加到div。Momentum滚动现在有效,但是当我向下滚动页面时,div元素没有显示。控制台没有显示任何错误,实际页面没有任何问题,但个别帖子(div)没有显示。这是一个例子:任何人都可以在他们的iPad上确认这一点,或者提出修复建议吗?我宁愿不使用与可滚动性类似的东西。这可能是iOS6beta导致的,但我想放心。你可以查看这个site在你的iPad上如果有人要我解释我的书签,我会很乐意这样做。

html - 如何在 Internet Explorer 9 开发人员工具中定位::before 和::after 伪元素?

在IE9开发人员工具中检查元素时,我无法在HTMLPane中看到我在CSS中定义的伪元素:但是我可以在CSSPane中看到它们,但是它们带有删除线,表明样式已被覆盖,因此在修改它们时没有任何效果。如何在IE9中定位::before和::after元素进行检查?注意:这可能看起来是thisquestion的副本但在我的例子中,元素是div容器元素,所以我认为这个问题的答案在这里不适用。 最佳答案 引用另一个答案:IE9supportsthenotations::afterand::before(withtwocolons)in“sta

html - li {display : table-cell; position: relative;} with absolutely positioned div inside behaves differently in (FF4, WebKit) vs (Opera, IE9)

这是一个完整的测试用例:testhtml,body,ul,li,div,span{padding:0;margin:0;}ul.container{display:table;list-style-type:none;margin-right:24px;position:relative;}ul.containerli{display:table-cell;position:relative;}ul.containerdiv,ul.containerspan{border:1pxdotted#000;}ul.containerdiv{width:40px;height:40px;pos

html - 流式布局 : Can a float with a margin be forced to be 100% width?

我正在编写我的第一个流动布局,我不得不说它比固定宽度的布局要花费更多的时间。但是,我看到了优势,所以我想让它发挥作用!这是我的情况:我有一个带有一些文本的标题,它使标题的高度可变,具体取决于浏览器文本的大小。左侧有一个固定宽度的导航栏。导航向左浮动,负边距与宽度的像素数相同,这有效地使其插入零宽度空间。整洁!我的主要内容部分向右浮动。它有一个导航宽度的左边距,因此内容避免隐藏在导航链接下方。导航在来源中排在第二位,因此辅助技术的用户可以首先访问内容。这很有效,但前提是主要内容部分的内容有环绕整个页面宽度的文本行。如果内容只有短行或列表,则内容部分的宽度与其内的内容相同。由于内容部分向右

ruby-on-rails - capybara + Webkit : How to test client side validations - "required" input elements?

使用Rspec和Capybara,我正在尝试测试表单验证失败,其中未填写“必填”输入,因此失败。理解HTML5的新导航器提供内置验证,我知道Capybara也在使用它。之前,我在用page.shouldhave_error这对我不再有用了。现在有人知道如何测试吗?非常感谢!大卫 最佳答案 HTML5客户端验证很难找到。我找到了this发布一个很好的答案。代码是:describe"whenIleaverequiredfieldempty"doit"Igetanthecorrecthtml5validationerror"do#Leav

html - Css -webkit-backface-visibility 在旋转的 div 上显示白点

我有一个DIV,它的旋转方式是:transform:rotate(-5deg);-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);那里很好,但是当我添加-webkit-backface-visibility:hidden;它有这些白点..有什么想法吗?-谢谢!演示:http://jsfiddle.net/X5WKM/ 最佳答案 您已经很清楚这些点是由-webkit-backface-visibility属性引起的。这似乎是Chromev26中的一个错误-正如NOX

html - 与 float 和 margin 相关的奇怪行为

问题是div与.parent类的位置。它不在窗口的顶部,而是在下方100px,正好是.child的margin-bottom的值。谁能解释一下这里发生了什么?这是我的HTML文档:.parent{}.child{margin-bottom:100px;}button{float:left;height:30px;}clickme! 最佳答案 这是由于不完整处理floats引起的和notmasteringMarginCollapsingMarginCollapsingonEmptyblocksIfthereisnoborder,pad

html - margin-bottom 在 flexbox 中不起作用

我有一个问题,我有一个flexbox,但我不完全希望每个元素都根据给定的属性进行间隔,所以我想玩一下边距。我在框的顶部有一个标题,但我希望它与其余元素之间有间距。所以我希望将我的p元素列表组合在一起,但距离标题更远。但是,当我执行margin-bottom时它没有任何效果(当我增加或减少margin-bottom时没有任何变化)。我最初是用百分比来做的,后来改为像素,但这似乎也不是问题。在代码片段中,我对它的外观没有任何问题,但在更大的浏览器上,标题和p元素之间几乎没有任何空间,这就是问题所在。.container{display:flex;position:relative;flex

html - 自定义 Webkit 滚动条按钮

这个问题在这里已经有了答案:CSScustomizedscrollbarindiv(20个答案)关闭7年前。我想弄清楚如何使webkit滚动条按钮出现。我正在Mac上的safari上对此进行测试。我阅读了这些指南,但我终生无法弄清楚如何获得一个简单的按钮来使其上下移动。我有一个我应该模仿的形象,但不知道如何模仿。图像可以用作按钮吗?图片示例!(http://oi62.tinypic.com/28kh76a.jpg)http://css-tricks.com/custom-scrollbars-in-webkit/到目前为止..::-webkit-scrollbar{width:12px