Tag: 跨浏览器

为跨浏览器CSS缩放完整样式: 我发现很难得到完全跨浏览器的CSS缩放属性..我只是这些 zoom: 2; -moz-transform: scale(2);

input按键的行为就像在Javascript中的一个选项卡: 我正在寻找创build一个表单按下input键导致焦点转到页面上的“下一个”表单元素。我在网上find的解决scheme是… <body onkeydown="if(event.keyCode==13){event.keyCode=9; return event.keyCode}"> 不幸的是，似乎只能在IE浏览器中工作。所以这个问题的真正含义是，如果有人知道一个适用于FF和Chrome的解决scheme？此外，我宁愿不必将onkeydown事件添加到表单元素本身，但如果这是唯一的方法，它将不得不这样做。这个问题类似于问题905222 ，但在我看来，这是它自己的问题。编辑：另外，我也看到人们提出这个问题，这是不好的风格，因为它与用户习惯的forms行为不同。我同意！这是一个客户端请求:(

Math.round（num）与num.toFixed（0）和浏览器不一致: 考虑下面的代码： for (var i=0;i<3;i++){ var num = i + 0.50; var output = num + " " + Math.round(num) + " " + num.toFixed(0); alert(output); } 在Opera 9.63中，我得到： 0.5 1 0 1.5 2 2 2.5 3 2 在FF 3.03中，我得到： 0.5 1 1 1.5 2 2 2.5 3 3 在IE 7中，我得到： 0.5 1 0 1.5 2 […]

灰度背景Css图像: 我在网上search了很多，但我找不到一个跨浏览器的解决scheme，褪色的CSS背景图像灰度和回来。唯一的工作解决scheme是应用CSS3滤镜灰度： -webkit-filter: grayscale(100%); 但是这只适用于Chrome v.15 +和Safari v.6 +（如您在这里看到的： http ://css3.bradshawenterprises.com/filters/）网上有很多网页提到这个解决scheme， filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; /* IE6-9 */ （正如你可以看到这里： http : //www.karlhorky.com/2012/06/cross-browser-image-grayscale-with-css.html ）但实际上，它似乎并不适用于CSS的背景图像，如webkitfilter。 […]

在IE10中，交叉源postMessage被破坏了吗？: 我试图做一个微不足道的postMessage示例工作… 在IE10中在窗口/选项卡之间（与iframes）在起源之间删除这些条件中的任何一个，并且事情工作正常:-) 但据我所知，当两个窗口共享一个原点时，窗口间postMessage只能在IE10中工作。（事实上，也是奇怪的是，这种行为比这个稍微宽松一些：共享一个主机的两个不同的起源似乎也起作用）。这是一个logging的错误？任何解决方法或其他build议？（注：这个问题涉及的问题，但其答案是关于IE8和IE9 – 不是10）更多细节+例子… 启动页面演示 <!DOCTYPE html> <html> <script> window.addEventListener("message", function(e){ console.log("Received message: ", e); }, false); </script> <button onclick="window.open('http://jsbin.com/ameguj/1');"> Open new window </button> </html> 推出页面演示 <!DOCTYPE html> <html> <script> window.opener.postMessage("Ahoy!", "*"); </script> </html> 这工作在： http ：//jsbin.com/ahuzir/1 – 因为这两个页面被托pipe在相同的来源（jsbin.com）。但移动第二页在其他地方，并在IE10失败。

如何处理IE 8中JavaScript Object.bind（）方法的缺失: 我正在写一些使用Object.bind方法的JavaScript。 funcabc = function(x, y, z){ this.myx = x; this.playUB = function(w) { if ( this.myx === null ) { // do blah blah return; } // do other stuff }; this.play = this.playUB.bind(this); }; 由于我在WinXP中用Firefox开发，有时候用IE9或者10testingWin7，所以我没有注意到或者注意到IE8和下面不支持bind的事实。这个特定的脚本不使用canvas，所以我有点犹豫是否注销所有的IE 8用户。有标准的解决方法吗？我在JavaScript中得到了一些好处，但我仍然是一个小白菜。所以请原谅我，如果解决scheme是完全明显的。

是否有可能使用Javascript读取Firefox，Safari和Chrome中的剪贴板？: 我正在尝试使用Javascript读取剪贴板的内容。使用Internet Explorer可以使用该function window.clipboardData.getData("Text") 在Firefox，Safari和Chrome浏览器中是否有类似的方式来阅读剪贴板？

图像缩放会导致Firefox / Internet Explorer中的质量不佳，但不是Chrome浏览器: 请在Chrome浏览器中查看http://jsfiddle.net/aJ333/1/ ，然后在Firefox或Internet Explorer中查看。该图像最初是120px，而我缩小到28px，但不pipe怎样缩小到它看起来都差不多。图像是一个PNG，它有一个alpha通道（透明度）。以下是相关的代码： HTML： <a href="http://tinypic.com?ref=2z5jbtg" target="_blank"> <img src="http://i44.tinypic.com/2z5jbtg.png" border="0" alt="Image and video hosting by TinyPic"> </a> CSS： a { width: 28px; height: 28px; display: block; } img { max-width: 100%; max-height: 100%; image-rendering: -moz-crisp-edges; -ms-interpolation-mode: bicubic; } CSS的image-rendering和-ms-interpolation-mode行似乎没有任何作用，但我发现它们在线，同时对这个问题做了一些研究。

Safari不会设置Cookie，但是IE / FF可以: 我在safari上发现了一个奇怪的cookie问题。如果你浏览http://2much.ch，你可以用FF / IE进入，并在网站上冲浪。但是，如果您使用Safari浏览器，则只能input一次; 你不能在网站上冲浪。我发现Safari不会设置input的cookie，但是FF / IE会。这里有什么问题？