Tag: 跨浏览器的

您遇到什么跨浏览器问题？: 在开发多套浏览器的同时，由于浏览器实现的差异，您在开发时遇到了哪些问题？首先我列出一些我面对的问题： Firefox中的文本节点只允许4K数据。所以XML Ajax响应被分成多个文本子节点，而不是只有一个节点。它在Internet Explorer中很好。对于Firefox，为了获得完整的数据，您需要在调用node.firstChild或使用node.textContent之前使用node.normalize，这两者都是Mozilla特定的方法 Internet Explorer不会取代  或HTML字符代码160，则需要replace其等同的Unicode \ u00a0 在Firefox中，表单内dynamic创build的input字段（使用document.createElement创build）不会在表单提交上传递其值。即使元素名称匹配，Internet Explorer中的document.getElementById也会返回元素。如果id匹配，Mozilla只返回元素。在Internet Explorer中，如果select框的值不是由任何选项表示的，则它将显示为空，Firefox将显示第一个选项。

Highcharts图表选项backgroundColor：“透明”，在IE 8上显示黑色: Highcharts图表选项backgroundColor:'transparent' ，在IE 8上显示黑色 histogram = new Highcharts.Chart({ chart: { renderTo: 'histogram', defaultSeriesType: 'bar', backgroundColor:'transparent' } 这对IE 9和其他工作正常，但在IE 8和Safari上失败任何人有任何想法为什么？

如何禁用CSS或JavaScript文本select？: 可能重复： CSS规则禁用文本select突出显示我正在做一个HTML / CSS / jQuery画廊，有几个页面。我确实有一个“下一步”button，这是一个简单的链接与jQuery点击监听器。问题是，如果用户多次点击该button，则select该button的文本，然后是全行文本。在我真的黑暗的devise，这真是丑陋和荒谬。所以这里是我的问题：你可以禁用HTML上的文本select？如果没有，我会非常错过闪光灯和其在文本字段上的高级configuration…

用CSS截断长string：可行吗？: 有没有什么好的方法来截断纯HTML和CSS的文本，以便dynamic内容可以适应固定宽度和高度的布局？我已经截断了服务器端的逻辑宽度（即一个盲目猜测的字符数），但由于'W'比'我'更宽这往往是次优的，也需要我重新猜测（并保持调整）每个固定宽度的字符数。理想情况下，截断会发生在浏览器中，它知道渲染文本的物理宽度。我发现IE浏览器有一个text-overflow: ellipsis属性，正是我想要的，但我需要这是跨浏览器。此属性似乎是（有点？）标准，但不支持Firefox。我发现了基于overflow: hidden 各种解决方法，但是它们要么不显示省略号（我希望用户知道内容被截断），要么一直显示（即使内容未被截断）。有没有人有一个固定的布局拟合dynamic文本的好方法，或者是逻辑宽度的服务器端截断像我现在要得到的一样好？

删除Safari / Chrome textinput / textarea发光: 我想知道是否有可能删除默认的蓝色和黄色的光芒，当我点击一个文本input/文本区域使用CSS？

浏览器支持哪些graphics文件格式？: JPEG，GIF和PNG可以使用img标签显示，并且可以在所有浏览器中使用，object元素可以用于显示指定MIMEtypes的图像，但是在大多数浏览器中img或object标签支持哪些其他graphics格式，而无需安装插件吗？（TIF，SVG，PCX，PICT等）

本地（file：//）网站图标在Firefox中运行，不在Chrome或Safari中，为什么？: 问题当我的网站是本地的（使用file://协议）时，favicon不会显示在Chrome或Safari中，但它可以在Firefox中使用（全部在Mac上）。但是，当实际托pipe完全相同的网站时，favicon在我尝试的所有浏览器中都能正常工作。为什么webkit浏览器不显示本地图标？细节 favicon.ico文件与index.html页面位于同一目录中。我正在使用下面的代码，虽然我已经尝试了几个变种： <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> 由于favicon在通过http://访问时起作用，我怀疑包含它的方式有什么问题，但是你永远不知道… 更新我发现了一些论坛post（没有太官方的说法），这表明这是通过devise，但没有一个提供理由。另外，这听起来像一些版本的IE浏览器也有同样的问题。当地的图标有没有安全隐患？（例如，我知道一些浏览器与本地cookie有问题。）免责声明：似乎有很多类似的问题，但我还没有find这一个。（事实上，我和这个问题基本上是一样的，但是没有任何答案对我有效。）

jQuery .attr（“禁用”，“禁用”）在Chrome中不起作用: 不知道为什么这不起作用。当用户点击我的应用程序的“编辑”button时，禁用的文本框就可以编辑了： $("#bewerken").click(function(e) { $("input[disabled='disabled']").removeAttr('disabled'); }); 然后我想在用户保存时再次禁用文本框; 我有这个代码绑定到我的保存button： $("#save_school_changes").click(function(e) { //stuff $.ajax({ type: "POST", url: "/school/save_changes", data: { //stuff }, success: function(data) { $("#feedback_top").html("<p>" + data['message'] + "</p>").slideDown('slow').delay(2000).slideUp(); $("input[type='text']").attr('disabled', 'disabled'); } }); e.preventDefault(); }); 据我所知，这应该再次禁用文本字段。但是，这似乎并没有在Chrome中工作。它在Firefox中工作。我还没有机会在IE或Safari中testing。有没有什么办法可以在Chrome浏览器中工作？非常感谢！

“文字修饰”和“后”伪元素，重新审视: 我正在重新问这个问题，因为它的答案在我的情况下是行不通的。在我的印刷媒体样式表中，我想在每个链接之后使用:after伪类追加url。 a:after { content: " <" attr(href) ">"; text-decoration: none; color: #000000; } 在Firefox（也可能是Chrome浏览器，但不是IE8）中， text-decoration: none被忽略，下划线延伸到url的底部。但是， color正确设置为黑色的url。有没有办法使text-decoration工作？原始问题附加了固定大小的图像，而不是可变宽度的文本。它的答案使用填充和背景图像，以避免使用文本修饰属性。当内容是宽度可变的文本时，我仍然在寻找解决scheme。