草庐IT

mobile-webkit

全部标签

html - 光标 :pointer property doesn't apply to file upload buttons in Webkit browsers

我的CSS代码并不真正适用于webkit浏览器,例如safari和chrome如果你想要这里的实例,它是http://jsfiddle.net/mnjKX/1/我有这个CSS代码.file-wrapper{cursor:pointer;display:inline-block;overflow:hidden;position:relative;}.file-wrapperinput{cursor:pointer;font-size:100px;height:100%;filter:alpha(opacity=1);-moz-opacity:0.01;opacity:0.01;posit

html - -webkit-填充-开始 : 40px; What it should be for IE and Firefox?

-webkit-padding-start:40px;适用于ChromeIE和Firefox有什么用? 最佳答案 对于Firefox,属性名称是-moz-padding-start.对于IE,没有对应的(到目前为止)。至少在页面整体为从左到右或从右到左的布局和书写方向的简单场景中,您可以使用广泛支持的CSS功能实现相同的效果。使用或,分别,你可以这样写你的CSS代码:[dir=ltr].foo{padding-left:2.5em;}[dir=rtl].foo{padding-right:2.5em;}这对应于.foo{paddin

html - -webkit-填充-开始 : 40px; What it should be for IE and Firefox?

-webkit-padding-start:40px;适用于ChromeIE和Firefox有什么用? 最佳答案 对于Firefox,属性名称是-moz-padding-start.对于IE,没有对应的(到目前为止)。至少在页面整体为从左到右或从右到左的布局和书写方向的简单场景中,您可以使用广泛支持的CSS功能实现相同的效果。使用或,分别,你可以这样写你的CSS代码:[dir=ltr].foo{padding-left:2.5em;}[dir=rtl].foo{padding-right:2.5em;}这对应于.foo{paddin

jquery - 如何用html,css,jquery制作类似Facebook Mobile侧边菜单的滑动菜单?

我正在制作一个网站,网站左侧有一个垂直的按钮列表。我想将它们隐藏在侧面,所以只显示一个标签。当菜单隐藏时,我希望选项卡显示类似更多的内容,然后当菜单可见时,我希望选项卡显示隐藏。所以我有几个问题...我怎样才能使菜单(本质上只是一个div)在单击时从屏幕外滑出,同时更改选项卡上的文本和更改href目标这样当滑动功能完成时,tab会说隐藏,点击它时,它会将div送回屏幕之外。如果你的手机上有facebook应用程序,我基本上想在我的桌面网站上复制它。 最佳答案 使用jQuery这非常简单。这些是您应该采取的步骤。使用固定定位将弹出窗口

jquery - 如何用html,css,jquery制作类似Facebook Mobile侧边菜单的滑动菜单?

我正在制作一个网站,网站左侧有一个垂直的按钮列表。我想将它们隐藏在侧面,所以只显示一个标签。当菜单隐藏时,我希望选项卡显示类似更多的内容,然后当菜单可见时,我希望选项卡显示隐藏。所以我有几个问题...我怎样才能使菜单(本质上只是一个div)在单击时从屏幕外滑出,同时更改选项卡上的文本和更改href目标这样当滑动功能完成时,tab会说隐藏,点击它时,它会将div送回屏幕之外。如果你的手机上有facebook应用程序,我基本上想在我的桌面网站上复制它。 最佳答案 使用jQuery这非常简单。这些是您应该采取的步骤。使用固定定位将弹出窗口

html - 使用 CSS 变换(缩放)时 Webkit 文本闪烁

这发生在Safari6onMountainLion和最新的chrome中。(已在OSX上确认,在windows上可能不会发生)请参阅此页面以获取示例:http://users.telenet.be/prullen/flicker2.html在图像上快速移动鼠标,然后查看下面的文字。你会看到它闪烁/脉动。关联的CSS如下。我无法对.out和.in类进行任何更改。仅针对元素类。我已经尝试添加-webkit-backface-visibility:hidden;因为我在某处读到应该修复它,但它没有任何区别。有人知道吗?谢谢,卫斯理.out{position:relative;display:

html - 使用 CSS 变换(缩放)时 Webkit 文本闪烁

这发生在Safari6onMountainLion和最新的chrome中。(已在OSX上确认,在windows上可能不会发生)请参阅此页面以获取示例:http://users.telenet.be/prullen/flicker2.html在图像上快速移动鼠标,然后查看下面的文字。你会看到它闪烁/脉动。关联的CSS如下。我无法对.out和.in类进行任何更改。仅针对元素类。我已经尝试添加-webkit-backface-visibility:hidden;因为我在某处读到应该修复它,但它没有任何区别。有人知道吗?谢谢,卫斯理.out{position:relative;display:

html - 防止固定位置背景图像 : cover from resizing in mobile browsers upon address bar hide

很抱歉缺少这方面的示例,但我认为它很容易理解。我的网站有一个固定的背景,目前是这样实现的:#background{position:fixed;top:0;bottom:0;left:0;right:0;background-color:#28305e;background-image:url(../images/background.jpg);background-size:cover;-moz-background-size:cover;background-position:centercenter;z-index:-10;}到目前为止,这在所有浏览器中都很棒,除了移动浏览器,它

html - 防止固定位置背景图像 : cover from resizing in mobile browsers upon address bar hide

很抱歉缺少这方面的示例,但我认为它很容易理解。我的网站有一个固定的背景,目前是这样实现的:#background{position:fixed;top:0;bottom:0;left:0;right:0;background-color:#28305e;background-image:url(../images/background.jpg);background-size:cover;-moz-background-size:cover;background-position:centercenter;z-index:-10;}到目前为止,这在所有浏览器中都很棒,除了移动浏览器,它

javascript - WebKit 相当于 Firefox 的 "moz-chunked-arraybuffer"xhr responseType

我想读取MP3流(从icecast读取ICY元数据,然后将二进制MP3数据传递给WebAudioApi)。Firefox有一个“moz-chunked-arraybuffer”xhrresponseType来读取进度数据,但我找不到webkit/chrome的任何等效项。编辑2014/02/03:Chrome已经开始实现xhr.responseType"stream"“解析”已登陆Chrome(使用--enable-experimental-webkit-features标志)但xhr.response结果对象(Stream)尚不能直接在Javascript中使用:https://co