webkit专题提供webkit的最新资讯内容,帮你更好的了解webkit。
Webkit允许使用外部SVG文件作为任何HTML元素的掩码.即:<img src='kate.png' style='-webkit-mask-image: url(circle.svg)'> 导致:(更多信息:http://webkit.org/blog/181/css-masks/)有没有人知道如果没有外部SVG文件,有没有办法做到这一点?
在WebKit浏览器上(我在Mac上测试Chrome和Safari),按钮元素表现得很奇怪:温家宝在这个小提琴http://jsfiddle.net/5ReUn/3/你做了以下事情:>当光标悬停在HTML按钮文本上时,按鼠标左键>将光标(按下时)移动到按钮区域,不带文字>释放鼠标按钮然后不会触发按钮元素上的click事件!HTML非常简单:
我希望有人可以帮助解释我在Webkit浏览器中遇到的奇怪行为,并且在CSS转换中有不必要的延迟.这是我正在处理的页面的链接:http://demo.daised.com/help-me期望的结果是菜单栏在用户向下滚动页面时缩小.这在Firefox中完美动画.但是,在Webkit浏览器中,导航项的字体大小的转换会延迟6(!)秒.感谢您帮助我更好地理解这一点.最
我正在使用如下所述的粘性页脚:> How do you get the footer to stay at the bottom of a Web page?> http://ryanfait.com/resources/footer-stick-to-bottom-of-page/我有一个带有链接的段落,我希望它位于页面底部,所以我把它放在.f
我正在尝试使用CSS过滤器来模糊图像.在所有浏览器中,模糊滤镜会导致模糊超出图像范围,无论您将模糊设置为(预期)的值.但是我想要定义边缘(并且图像有一个盒子阴影),所以我用另一个div设置图像将其设置为隐藏.这适用于所有浏览器.但是,由于某些特定于应用程序的约束,我需要在加载时使用JavaScript更新包装器的大小并调整大小.这适用于除Safari之外的所
我想使用 HTML CSS JavaScript为Linux环境中的触摸屏设备开发用户界面,并且需要合适的渲染引擎. 有问题的设备将具有400至900 MHz时钟的ARM CPU,VGA或WVGA显示器以及使用标准Debian Linux(简约安装)的大约256 MB RAM或更多RAM. 理想情况下,渲染引擎将直接访问/ dev / fb0和鼠标事件.由于浏览器只是用作渲染引擎,我不需要/想要任
我正在尝试这个脚本: PY WYSIWYG 它说我需要Gtk和WebKit. 我想这就是我需要的: > Gtk > WebKit 所以我下载了WebKit,但我得到了一个文件夹,而不是安装程序或安装信息.我是否将其移动到python文件夹中或我该怎么办? 你需要PyGTK,这是​​一个下载页面的链接,其中包含Windows的安装说明: http://www.pygtk.org/downloads.
我不想要一个全屏应用程序,但我想启动一个Node-Webkit应用程序最大化.这可以做吗我猜测它与package.json有关,但似乎找不到需要做的事情. 我不认为清单有选择这样做.而是在启动时调用nw的Window.maximize().就像是: // Load native UI library var ngui = require('nw.gui'); // Get the current
我正在使用像 this这样的Webkit浏览器检查器。 当我在Ubuntu 12.10中运行它时,使用检查器时我收到错误。例如: ** Message: console message: file:///usr/share/webkitgtk-1.0/webinspector/UIString.js @42: Localized string "Go to line" not found. **
我想在ubuntu 12.04上安装capybara-webkit,但是我收到了这个错误: $gem install capybara-webkit -v '1.0.0' Building native extensions. This could take a while... ERROR: Error installing capybara-webkit: ERROR: Faile
当使用[-webkit-overflow-scrolling:touch;]时,滚动区域运行正常, 但是它会导致触摸事件停止滚动区域的工作. 有没有人有同样的问题?谁能给我一些关于这个新的滚动功能的官方链接? <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>ios5 scroll</title>
我使用 HTML5视频标签在我的离子应用程序中播放视频.这是我的代码: <video autoplay loop class="video" webkit-playsinline> <source src="videos/polina.mp4" type='video/mp4; codecs="h.264"' > <source src="videos/polina.webm" t
我在iOS7上有一个全屏(保存到主屏幕)iPhone iPhone应用程序的麻烦. 通常,当选择输入时,它已经滚动到键盘上方的视图中. 不过,在iOS7上似乎并不会在全屏网络应用程序中滚动DIV. 因此,当DIV使用“-webkit-overflow-scrolling:touch”,并且点击屏幕下半部分的输入时,键盘被触发,但输入不向上滚动. AND,当时,输入将不会对任何进一步的onFocus
我正在使用 html5为 IOS构建移动应用程序.我正在使用“-webkit-overflow-scrolling:touch”来获取原生惯性滚动,但它非常错误.在滚动停止之前,我已经解决了内容未呈现的问题,但是一个持久性错误是这样的: 当我尝试向上和向下滚动时,没有任何反应,但是当我尝试水平滚动时,内容会垂直滚动(离轴90度).如果我浏览我的应用程序并返回页面,有时会修复它.此外,尽管内容丰富,
概观 你好. 这个问题是关于滚动< ul />期间的不确定冻结.是的 用CSS设计 -webkit-overflow-scrolling: touch 在iOS的Safari浏览器上. 类似的问题 我读过类似的问题或帖子 Div scrolling freezes sometimes if I use -webkit-overflow-scrolling iOS 9 `-webkit-overfl
我正在使用PhoneGap构建iOS应用程序.我正在使用translate3d CSS动画来创建“翻转”效果. 这对于更简单的元素非常有用……带有前/后div的DIV,可能还有一两个额外的跨度. 但是当我试图翻转一个更大的元素…即整个屏幕时,我会重绘毛刺.一旦我交换css类开始转换会发生什么,’bottom’div的部分弹出’top’div,然后翻转发生,然后它们再次弹出.并且它不是显示的整个元素
我有一个可滚动的div与以下css: overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling: touch; width:200px; height:500px; 但是在iOS设备上,当div内部的内容比div本身宽时,启用x轴滚动.如何禁用x轴滚动? 我一直有同样的问题,似乎不幸的是-webkit-overflow-scrol
我有一个非常粗糙的技术问题,我希望可能会有一些Webkit专家.我正在为客户端开发iOS应用程序.大多数应用程序是在UIWebView控制器中提供的 HTML5内容. 大约一周前,QA团队开始报告应用程序崩溃.我们上周一天收到大约1份崩溃报告.不幸的是,它们是一种崩溃,在这种情况下,无法确定可以始终如一地重现崩溃的明确步骤.奇怪的是,其中一些崩溃报告一直在使用旧版本的iOS代码库 – 几个月来成功
-webkit设备像素比查询由iOS和 Android都支持,但由于iOS不支持target-densitydpi = device-dpi,因此导致不同的结果.例如: @media screen and (-webkit-device-pixel-ratio: 2) { body { font-size: 2em; } } 会使Galaxy Nexus上的字体看起来不错,但是在iPhon
我们的客户要求一个网站,但不想支付移动版本.我们仍在使其在移动设备上运行.当完全放大时, Android上的Chrome(4.0)正在缩放大量文本.我们已经尝试设置-webkit-text-size-adjust:none属性,但它似乎被忽略,文本仍在扩展. 适用于iOS. 有什么建议? 请注意,您提到的-webkit-text-size-adjust属性是非标准的.阅读更多关于它 here. 目