草庐IT

webkit-margin-before

全部标签

html - margin、padding、border 都为零后还有空间吗?

我已将边距、填充和边框设置为零,但在Firefox和Chrome中我的Canvas和div周围仍然有空间。显然,我不明白如何在HTML中调整元素,非常感谢您的建议和指点。SpacingQuestion*{border:0px;margin:0px;padding:0px;}canvas{width:150px;height:150px;}body{background-color:Purple;color:Silver;}functiondraw(){varcanvas=document.getElementById('canvas1');if(canvas.getContext){v

jquery - 说 "Anchorlink"Target Element 有动态 margin-top

我有一个小“大”问题,不知道如何解决。如果我有一个带有跳转到带有margin-top元素的anchor的链接,则边距将被“忽略”,如下例所示:http://jsfiddle.net/T38uk/如果我有一个margin-top="0"的div,并且会动态添加一些margin-top,anchor会跳转到“旧”位置,如下例所示:http://jsfiddle.net/eG2Gd/是否可以告诉anchor目标元素上有一个动态变化的边距?这是单个代码片段:HTMLTestanchorHiermussderAnkerhinspringen​CSSbody{height:8000px;}.lin

javascript - ANDROID WEBKIT : Select elements getting focus events, 但打不开!

我在移动网站的表单中有一系列选择元素。这些选择元素位于通过JS和CSS3转换处理的滚动Pane内,因此首先要在选择上注册触摸/单击/任何事件就足够了。但是,我现在发现,仅在android上,即使选择被点击并获得焦点-他们只是拒绝打开。我100%确定选择正在获得他们的焦点事件(通过调试),所以老实说,我完全被难住了。没有调试,选择上没有其他焦点/模糊事件。它在iPhone上运行良好......有什么想法吗? 最佳答案 我一直在为同样的问题撞墙。它似乎与Android2.1/2.2(也许是2.0?)隔离开来。选择在Android1.5/

android - 在 Android 应用程序中嵌入较新版本的 WebKit

我正在使用网络技术开发Android应用程序,而CSS转换(对于应用程序的功能非常重要,因为它们负责滚动和滑动页面)非常缓慢。根据Internet上的信息,CSS转换不是硬件加速的,除非进行3维转换。我发现很多文章说我应该放“-webkit-transform:translateZ(0);”到我的动画元素。但是,较旧的Android版本(3.0以下)中的Webkit不支持3D转换。我可以在我的应用中嵌入更新版本的WebKit吗? 最佳答案 CanIembedanewerversionofWebKitwithmyapp?理论上,也许。

HTML/CSS : Webkit browsers cut up italic link

我有什么我有一个普通的HTML链接,比如Link.在我的样式表中,我将该链接设置为display:inline-block;因为我必须稍微插入它以匹配布局。font-style设置为italic.问题这会导致以下问题:因为文本设置为斜体,所以链接词的最后一个字母超出了链接周围的框。因此,Safari和Chrome在悬停时“切掉”了颜色变化。请参阅我为链接指定背景颜色以使其更清晰的屏幕截图。正常的链接颜色是浅色,蓝色是悬停颜色。Firefox正确地管理了这一点,没有削减任何东西。为链接设置填充可能是最简单的解决方案,但我觉得这对我来说是一种解决方法。还有其他解决办法吗?fiddle:ht

javascript - 如何修复 webkit-fake-url 的意思?

当您尝试复制并粘贴到Safari网络浏览器时,浏览器会插入webkit-fake-url。在Chrome中,您可以对剪贴板数据执行getAsFile()以读取图像。你能用Safari做类似的事情吗? 最佳答案 不,目前无法在Safari中访问粘贴文件的内容。作为一种解决方法,您可以检测到该虚假协议(protocol)并向用户显示一条消息,通知他们在使用他们的特定浏览器时它不起作用(并且可能显示一个正常的上传控件)。 关于javascript-如何修复webkit-fake-url的意思?

html - 从 node-webkit 访问 USB 设备?

我正在构建一个需要在所有3个主要桌面环境(windows、mac和linux)上运行的node-webkit应用程序我需要我的应用程序连接到插入的USB设备,但我遇到了一些麻烦弄清楚如何解决这个问题。是否有适用于所有操作系统的npm?我能得到一个用C++构建的可以工作的吗?node-webkit中是否内置了任何用于与设备交互的东西(DevicesAPI?)提前致谢。 最佳答案 您几乎可以肯定需要一个C/C++模块来实现这一点,这意味着需要一个构建过程。好消息是您可以在您的机器上进行构建并为Windows和OSX分发生成的二进制文件(

html - CSS::before 是 nullifying::first-letter

HTML代码:ExampletitleCSS:h1::first-letter{display:none;}h1::before{content:url(http://icons.iconarchive.com/icons/ariil/alphabet/32/Letter-E-icon.png);}我的问题是:为什么::before会取消::first-letter规则?这里发生了什么?如果::before被删除,::first-letter工作正常。在不更改html的情况下,是否有任何替代方法可以针对此示例中的第一个字母?http://jsfiddle.net/Borachio/kv

html - Safari 上带有 margin-right negative 的布局差异

我偶然发现了Safari和Chrome/Firefox之间的布局渲染差异,我不知道哪个是“正确的”。你可以查看jsfiddlehere在Firefox/Chrome上,布局符合预期,黄色的div在红色的之后。但在Safari上,黄色的div位于红色的下方。在调查我做错了什么之后,我发现错误来自CSS类E谁的属性(property)margin-right(值:-11px)大于width我的div的属性(值:10px)。我想我理解为什么Safari会以这种方式呈现它。B类的div宽度计算为其子项的宽度之和,因为它们具有属性float:left;.这是widthB=widthB2*2+wi

html - margin 属性不适用于 css 中的选择元素

我有这个代码:blablabl;blablabl;在CSS中.fooselect{margin-bottom:50px;}输出是2个彼此相邻且没有50px分隔的选择元素。我在这里缺少什么? 最佳答案 select元素是display:inline默认情况下(通常)并且不会尊重边距。将它们更改为display:block如果你想让每个人都在自己的行上,或者display:inline-block如果您希望每个都有较大的底部边距。编辑:我看到你有,所以它们将与display:inline-block在两条不同的线上