-webkit-column-count: 3;
-webkit-column-gap: 10px;
-webkit-column-fill: auto;
-moz-column-count: 3;
-moz-column-gap: 10px;
-moz-column-fill: auto;
我是CSS的初学者,当我前几天查看一些CSS代码时,我发现了这些行.在我以前学习CSS的教程中,我从未见过像这些行一样的东西.有人可以向我解释一下这些内容,或者给我一个我可以学习如何实现这些行的来源吗？
我注意到Google发布的一篇博客文章提到,如果您使用的是最新版本的Chrome,则可以直接将剪贴板中的图片粘贴到Gmail邮件中.我尝试使用我的Chrome版本(12.0.742.91 beta-m),使用控制键或上下文菜单效果很好.
从这种行为我需要假设Chrome中使用的最新版本的webkit能够处理Javascript粘贴事件中的图像,但我无法找到任何对此类增强的引用.我相信ZeroClipboard绑定到按键事件以触发其闪存功能,因此无法通过上下文菜单工作(同样,ZeroClipboard是跨浏览器,帖子说这只适用于Chrome).
那么,这是如何工作的以及对启用该功能的Webkit(或Chrome)进行增强的地方？
Chrome的用户代理样式表为<select>元素的所有角提供了5px的边框半径.我已经尝试通过外部样式表应用半径为0px来解决这个问题,以及元素本身的内联; 我已经尝试了两种border-radius:0px,-webkit-border-radius:0px;并且我已经尝试了更具体的border-top-left-radius:0px(以及它的-webkit等价物).
没有人工作.
当我在webkit的开发人员工具中检查元素时,Computed Style仍将半径列为5px.但是,如果我单击旁边的展开箭头来查看具体内容,则会显示:element.style - 0px.在下面它显示了我给出的0px的外部css规范,以及5px的用户代理样式表规范.后两者都被划掉了,因为它们应该是.
有任何想法吗？
我已经看过这篇文章并尝试了一切我可以改变占位符的填充但是唉,似乎它只是不想合作.
无论如何,这是css的代码.(编辑:这是sass生成的css)
#search {
margin-top: 1px;
display: inline;
float: left;
margin-left: 10px;
margin-right: 10px;
width: 220px;
}
#search form {
position: relative;
}
#search input {
padding: 0 10px 0 29px;
color: #555555;
border: none;
background: url('/images/bg_searchbar.png?1296191141') no-repeat;
width: 180px;
height: 29px;
overflow: hidden;
}
#search input:hover {
color: #00ccff;
background-position: 0px -32px;
}
这是简单的html:
<div id="search">
<form>
<input type="text" value="" placeholder="Search..." name="q" autocomplete="off" class="">
</form>
<div id="jquery-live-search" style="display: block; position: absolute; top: 15px; width: 219px;"> …Chrome(或任何其他webkit浏览器)在使用Facebook API时会抛出大量这些"不安全的JavaScript尝试使用URL访问框架...".
它不会干扰实际操作,但它确实使javascript控制台基本上无法使用.
我想知道是否有办法在控制台中专门抑制这些错误？或者如果有其他解决方案你们可以想到,我会非常感激.
谢谢.
我想通过CSS轮换我的加载图标.
我有一个图标和以下代码:
<style>
#test {
width: 32px;
height: 32px;
background: url('refresh.png');
}
.rotating {
-webkit-transform: rotate(360deg);
-webkit-transition-duration: 1s;
-webkit-transition-delay: now;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
}
</style>
<div id='test' class='rotating'></div>
但它不起作用.如何使用CSS旋转图标？
我试图通过使用PNG和CSS3动画复制Apple风格活动指示器(日食加载图标).我让图像旋转并连续进行,但在动画完成下一次旋转之前似乎有一段延迟.
@-webkit-keyframes rotate {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
}
}
#loading img
{
-webkit-animation-name: rotate;
-webkit-animation-duration: 0.5s;
-webkit-animation-iteration-count: infinite;
-webkit-transition-timing-function: linear;
}
我已经尝试过改变动画的持续时间,但没有区别,如果你慢下来说5s它更明显的是在第一次旋转之后有一个停顿再次旋转.这是我想要摆脱的暂停.
非常感谢任何帮助,谢谢.
我有一个应用程序,我将内容加载到一个UIWebView并呈现此.我无法完全禁用用户交互,因为我希望用户能够单击链接.我只需要禁用用户选择.我发现你可以使用的互联网中的某个地方:
document.body.style.webkitUserSelect='none';
我试着插入这个
[self.contentView stringByEvaluatingJavaScriptFromString:@"document.body.style.webkitUserSelect='none';"];
在 webViewDidFinishLoad:
但是,它不起作用.我仍然可以在WebView中选择和复制文本.
什么想法可能会出错？
更新:这似乎只从iOS 4.3开始
我意识到可以使用CSS属性指定自定义图形作为替换项目符号字符:
list-style-image
然后给它一个URL.
但是,就我而言,我只想使用'+'符号.我不想为此创建图形然后指向它.我宁愿只是指示无序列表使用加号作为项目符号.
可以这样做还是我被迫先把它变成图形？