草庐IT

webkit-animation

全部标签

JQuery CSS $ (':animated' ).动画在屏幕上完成后的长度延迟

我正在尝试在css/j查询中创建一系列图block,这些图block表示建筑物及其中的房间。当你点击建筑物时,会出现一些j查询动画,它会移除其他建筑物,然后显示建筑物内的房间。一旦进入建筑物,“后退”瓷砖将触发进一步的动画以返回到原始设置。这是一个jsfiddle显示这个。我使用以下代码片段来防止一次点击多个图block:if($(':animated').length){returnfalse;}然而,从动画在屏幕上结束到上面的if语句不返回false似乎有相当长的延迟。在jsfiddle上,如果您单击一个图block并在动画结束后立即单击返回,您将看到它。(我在if语句中放置了一个

JQuery CSS $ (':animated' ).动画在屏幕上完成后的长度延迟

我正在尝试在css/j查询中创建一系列图block,这些图block表示建筑物及其中的房间。当你点击建筑物时,会出现一些j查询动画,它会移除其他建筑物,然后显示建筑物内的房间。一旦进入建筑物,“后退”瓷砖将触发进一步的动画以返回到原始设置。这是一个jsfiddle显示这个。我使用以下代码片段来防止一次点击多个图block:if($(':animated').length){returnfalse;}然而,从动画在屏幕上结束到上面的if语句不返回false似乎有相当长的延迟。在jsfiddle上,如果您单击一个图block并在动画结束后立即单击返回,您将看到它。(我在if语句中放置了一个

html - 如何修复在 Webkit 上使用 CSS3 列时列表样式不显示的问题

此处示例:http://jsfiddle.net/R7GUZ/3/我正忙着让list-style在webkit中为父OL设计样式-webkit-column-count:2;-moz-column-count:2;column-count:2;如何使用css3将有序列表格式化为列并仍然保持list-style样式?Canwecallyou?Sedutperspiciatisundeomnisistenatuserrorsitvoluptatemaccusantiumdoloremquelaudantium,totamremaperiam,eaqueipsaquaeabilloinven

html - 如何修复在 Webkit 上使用 CSS3 列时列表样式不显示的问题

此处示例:http://jsfiddle.net/R7GUZ/3/我正忙着让list-style在webkit中为父OL设计样式-webkit-column-count:2;-moz-column-count:2;column-count:2;如何使用css3将有序列表格式化为列并仍然保持list-style样式?Canwecallyou?Sedutperspiciatisundeomnisistenatuserrorsitvoluptatemaccusantiumdoloremquelaudantium,totamremaperiam,eaqueipsaquaeabilloinven

html - 如何删除 webkit 中损坏图像周围的边框?

有人可以就此给我建议吗?WebKit浏览器一直在禁用图像周围放置一个1px的灰色边框。我需要删除它的原因是为了在电子邮件客户端禁用图像时优化电子邮件。在Firefox中工作正常,但WebKit浏览器一直显示边框。我在任何地方都尝试过border:none!important包括inline,但是Chrome/Safari很顽固。编辑:这是带有内联css的示例html 最佳答案 Amit的回答非常好,但有一个小建议:使用visibility:hidden;而不是display:none;img:not([src]){visibilit

html - 如何删除 webkit 中损坏图像周围的边框?

有人可以就此给我建议吗?WebKit浏览器一直在禁用图像周围放置一个1px的灰色边框。我需要删除它的原因是为了在电子邮件客户端禁用图像时优化电子邮件。在Firefox中工作正常,但WebKit浏览器一直显示边框。我在任何地方都尝试过border:none!important包括inline,但是Chrome/Safari很顽固。编辑:这是带有内联css的示例html 最佳答案 Amit的回答非常好,但有一个小建议:使用visibility:hidden;而不是display:none;img:not([src]){visibilit

html - 如何控制 Webkit 中 Option 元素的高度?

这看起来很简单,但我什至找不到任何东西告诉我这不是可能,更不用说怎么做了。我有一个使用扩展/多个select的页面,但我似乎无法控制选项的高度。他们看起来真的很舒服。在Firefox中,height和line-height中option的CSS值似乎都达到了预期的效果,padding,但不是在Chrome8或Safari5中。我错过了什么吗?这是我的代码示例。我已经输入了任何可能影响该选项的内容,以防我遗漏了一些重要的值(value)。body,input,select,checkbox{font-family:'AvenirLtStd',AppleGothic,'centurygot

html - 如何控制 Webkit 中 Option 元素的高度?

这看起来很简单,但我什至找不到任何东西告诉我这不是可能,更不用说怎么做了。我有一个使用扩展/多个select的页面,但我似乎无法控制选项的高度。他们看起来真的很舒服。在Firefox中,height和line-height中option的CSS值似乎都达到了预期的效果,padding,但不是在Chrome8或Safari5中。我错过了什么吗?这是我的代码示例。我已经输入了任何可能影响该选项的内容,以防我遗漏了一些重要的值(value)。body,input,select,checkbox{font-family:'AvenirLtStd',AppleGothic,'centurygot

css - 框中字体字形的 WebKit 与 Mozilla 垂直对齐

此测试图像显示了Safari与Firefox(适用于MacOSX10.6.7的Safari5.0.5和Firefox5.0.1)在文本框内的定位有多么不同。请注意sans-serif的“S”在Firefox而不是Safari中是如何对接到框顶部的。差异似乎因使用的字体而异,其中一些甚至始终如一地呈现。我读过peoplesaying这是因为font-size和line-height之间的舍入问题(并通过设置比大小更小的高度来修复),但我认为我的示例反驳了sans-Firefox中的serif/helvetica始终在框中顶部对齐。在我看来,Safari比Firefox更合适,即文本通常更

css - 框中字体字形的 WebKit 与 Mozilla 垂直对齐

此测试图像显示了Safari与Firefox(适用于MacOSX10.6.7的Safari5.0.5和Firefox5.0.1)在文本框内的定位有多么不同。请注意sans-serif的“S”在Firefox而不是Safari中是如何对接到框顶部的。差异似乎因使用的字体而异,其中一些甚至始终如一地呈现。我读过peoplesaying这是因为font-size和line-height之间的舍入问题(并通过设置比大小更小的高度来修复),但我认为我的示例反驳了sans-Firefox中的serif/helvetica始终在框中顶部对齐。在我看来,Safari比Firefox更合适,即文本通常更