Questions tagged «webkit»

我有一个奇怪的问题。我尝试创建一个带有循环背景视频的网站。代码如下所示： <video src="video/bg.mp4" style="z-index: -1;object-fit: cover;" poster="video/bg.jpg" autobuffer autoplay loop muted></video> 运行代码段隐藏结果展开摘要 这在大多数浏览器上都可以正常工作（IE很难解决这种适合对象的事情，但我不介意），但是在iPhone上，视频无法自动播放，而在iPad上，视频可以自动播放。我已经阅读了iOS的新政策，并且认为符合要求（否则iPad无法自动播放）。我做了其他测试： 删除覆盖的div无法解决该问题 删除z-index不会解决它 Wifi或Cellular没什么用 视频文件大小也无济于事 我做错了吗，还是iPhone不会自动播放视频并始终需要交互？我只关心iOS 10，我知道iOS 9的要求有所不同

88 ios  html  video  webkit  autoplay 

我在旋转和定位一行文本时遇到一些问题。现在，只是位置有效。旋转也可以，但是仅当我禁用定位时。 CSS： #rotatedtext { transform-origin: left; transform: rotate(90deg); transform: translate(50%, 50%); } html只是纯文本。

86 css  webkit  transform  css-transforms 

这是iPhone网站：http : //www.thevisionairegroup.com/projects/accessorizer/site/ 单击“立即玩”后，您将进入游戏。枪支将滚动。您可以上下滚动钱包和配件。您可以看到，放开时它们会卡入到位。就像发生这种情况一样，也会发生闪烁。我正在使用的唯一Webkit动画是： '-webkit-transition': 'none' '-webkit-transition': 'all 0.2s ease-out' '-webkit-transform': 'translate(XXpx, XXpx)' 我根据是否要设置动画来选择第一个或第二个过渡，而变换是我四处移动的唯一方法。 但是最大的问题是，当您单击“匹配项目”，然后单击“再次播放”时。您会看到枪响动，配件/钱包的整个背景变成白色。有人可以向我辐射一下为什么会发生这种情况吗？

83 iphone  css  animation  webkit  flicker 

我想实现与Gmail相同的功能。当收到新电子邮件或进行新聊天时，会出现通知弹出窗口，如果您单击它，则Gmail的标签会突出显示。 我有这个代码： var n = window.webkitNotifications.createNotification('ico.gif', 'Title', 'Text'); n.onclick = function(x) { this.cancel(); }; n.show(); 当我单击通知时，它就消失了。现在，我需要向onclick函数添加一些代码，以调出创建此通知的焦点页面。我知道这是可能的，因为GMail做得很好。但是我没有成功调查Gmail来源（它们已被最小化和模糊化）。 有人知道该怎么做吗？

82 javascript  google-chrome  webkit  notifications  gmail 

我在覆盖一些插件CSS时遇到问题。直接编辑CSS并不是真正的选择，因为这会使更新插件的风险更大。 问题：元素具有绝对定位，并且在原始元素中具有top：0px。我想用bottom：0px覆盖它。 为了举例 .element {position:absolute; top:0;} /* in another file */ .my .element {bottom:0;} 在Firefox上可以正常使用（底部样式为0），但Safari / chrome似乎并没有超越顶部：0。 我可以解决此问题，但是提出一个干净的解决方案将是很好的。

82 css  webkit  css-position 

有谁知道是否有可能将文本对齐到WebKit中一个<select>或更具体的<option>元素的右边。这不必是包括IE的跨浏览器解决方案，但如果可能的话，应该是纯CSS。 我都尝试过： select { text-align: right }和option { text-align: right }，但似乎都无法在WebKit中使用（Chrome，Safari或Mobile Safari。 任何帮助表示感谢！

82 html  css  webkit 

我正在使用CSS转换在CSS转换状态之间进行转换（基本上是在转换元素的比例）。我注意到当元素过渡时，页面上的其余文本（在Webkit中）倾向于稍微改变其呈现方式，直到过渡完成为止。 小提琴：http : //jsfiddle.net/russelluresti/UeNFK/ 我还注意到在我的标头上没有发生这种情况，标头上具有-webkit-font-smoothing: antialiased属性/值对。因此，我想知道，是否有任何方法可以使文本保持其默认外观（字体平滑的“自动”值）并且在过渡期间不更改渲染。 我尝试过显式设置文本以使用“自动”值，但这没有任何作用。我还应注意，将字体平滑设置为“无”也可以防止过渡期间渲染闪烁。 任何帮助表示赞赏。 编辑1 我应该注意，我使用的是OSX。在Parallels上的Chrome浏览器中测试时，我没有看到两个不同的段落的行为有所不同，因此这可能是Mac独有的问题。

81 css  webkit  css-transitions  css-transforms 

我正在尝试使用JavaScript在Safari中模拟键盘事件。 我已经试过了： var event = document.createEvent("KeyboardEvent"); event.initKeyboardEvent("keypress", true, true, null, false, false, false, false, 115, 0); ...还有这个： var event = document.createEvent("UIEvents"); event.initUIEvent("keypress", true, true, window, 1); event.keyCode = 115; 但是，在尝试了两种方法之后，我遇到了相同的问题：在执行代码之后，将事件对象的keyCode/which属性设置为0，而不是115。 有谁知道如何在Safari中可靠地创建和调度键盘事件？（如果可能，我宁愿使用普通JavaScript来实现。）

79 javascript  safari  webkit  dom-events  keyboard-events 

我想始终显示输入“数字”字段的上/下箭头。这可能吗？到目前为止，我还没有任何运气... http://jsfiddle.net/oneeezy/qunbnL6u/ HTML： <input type="number" /> CSS： input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: "Always Show Up/Down Arrows"; }

79 html  css  input  webkit  shadow-dom 

是否可以使电话号码在HTML中可点击，以便用户单击该电话号码时被呼叫？

78 android  html  iphone  webkit  mobile-safari 

因此，我有以下-webkit-animation规则： @-webkit-keyframes shake { 0% { left: 0; } 25% { left: 12px; } 50% { left: 0; } 75% { left: -12px; } 100% { left:0; } } 还有一些CSS定义了我的一些动画规则box： #box{ -webkit-animation-duration: .02s; -webkit-animation-iteration-count: 10; -webkit-animation-timing-function: linear; } 我可以shake在#box这样的： document.getElementById("box").style.webkitAnimationName = "shake"; 但是我以后不能再动摇了。 这只会摇晃盒子一次： someElem.onclick = function(){ document.getElementById("box").style.webkitAnimationName = "shake"; …

77 javascript  css  html  animation  webkit 

也许这实际上并不是我遇到的问题，但是似乎当我“ click_link”与target =“ _ blank”的链接时，会话会将焦点集中在当前窗口上。 因此，我要么希望能够切换到新窗口，要么就忽略_blank属性-本质上，我只是希望它实际转到链接所指示的页面，因此我可以确保它是正确的页面。 我使用webkit和硒驱动程序。 到目前为止，我已经提交了我的发现。一个更彻底的答案是极大的赞赏。 同样，这仅适用于硒-非常感谢webkit驱动程序的等效功能（或指出我自己可以在哪里发现它）。

77 ruby-on-rails  testing  selenium  webkit  capybara 

我是一个以双冒号为前缀的伪元素的新手。我遇到了一篇博客文章，讨论仅使用某些Webkit CSS的滚动条样式。伪元素CSS可以应用于单个元素吗？ /* This works by applying style to all scroll bars in window */ ::-webkit-scrollbar { width: 12px; } /* This does not apply the scrollbar to anything */ div ::-webkit-scrollbar { width: 12px; } 在这个小提琴中，我想使div的滚动条自定义，但是主窗口的滚动条保持默认状态。 http://jsfiddle.net/mrtsherman/4xMUB/1/

76 css  webkit  pseudo-element 

在我建立的网站上滚动时，使用CSS属性position: fixed可以按预期方式将导航栏保持在页面的顶部。 但是，在Chrome浏览器中，如果您使用导航栏中的链接，该链接有时会消失。通常，您单击的项目仍然可见，但并非总是可见。有时整个事情消失了。左右移动鼠标可以使元素的一部分退回，而使用滚轮或箭头键滚动只需单击一下即可使元素返回。您可以在http://nikeplusphp.org上（间歇地）看到它的发生-您可能必须单击几次导航链接，才能看到它的发生。 我也尝试过使用z-index和可见性/显示类型，但是没有运气。 我遇到了这个问题，但修复程序根本不适合我。似乎是webkit的问题，因为IE和Firefox正常工作。 这是一个已知问题，还是有一种使固定元素可见的修补程序？ 更新： 只有具有top: 0;，我尝试过bottom: 0;并且可以按预期工作的效果元素。

75 css  webkit  position 

我正在使用WKWebView来查看自定义HTML。 无论HTML内容如何，​​当在真实设备上进行测试时，加载WKWebView内容Could not signal service com.apple.WebKit.WebContent: 113: Could not find specified service后29秒内都会收到以下错误，有时我甚至两次收到此错误。显然，这是一个配置问题。我已经按照无法发出信号com.apple.WebKit.WebContent的建议检查了cookie ，但是它没有帮助 另一个问题是是否存在可能在WKWebView中弹出的所有错误代码的列表

75 ios  webkit  wkwebview