Questions tagged «cross-browser»

跨浏览器开发是指构建网站，Web应用程序，库或组件，以使其在不同的Web浏览器和呈现引擎中起作用的实践。

22
中间带有单词的水平线的CSS技术
我正在尝试在中间添加一些文本的水平尺。例如： -----------------------------------我的头衔------------ ----------------- 有没有办法在CSS中做到这一点？没有所有“-”的破折号很明显。
286 html  css  cross-browser 
14
什么是WebKit？它与CSS有什么关系？
最近，我看到了带有“ webkit”标签的问题。这些问题通常是与CSS，jQuery，布局，跨浏览器兼容性问题等有关的基于Web的问题。 那么，这是什么“ Webkit”，它与CSS有什么关系？我还注意到-webkit-...各种网站的源代码中有很多属性。这两个有关系吗？ 更新资料 因此，从到目前为止的答案来看... WebKit是Safari / Chrome的HTML / CSS Web浏览器呈现引擎。是否有针对IE / Opera / Firefox的引擎，将它们相互使用有什么优缺点？例如，我可以在Firefox中使用WebKit功能吗？ 最终的问题... IE支持WebKit吗？ 更新2 所有主要的浏览器都使用不同的渲染引擎。我想这是为什么存在这么多跨浏览器兼容性问题的重要原因！ 那么，是否存在所有浏览器都将使用的某种项目或向标准渲染引擎的迁移？HTML5是否会终结跨浏览器的兼容性问题？
30
如何防止Backspace键回退？
在IE上，我可以使用jQuery（非常不标准，但可以正常使用） if ($.browser.msie) $(document).keydown(function(e) { if (e.keyCode == 8) window.event.keyCode = 0;}); 但是，是否可以以在Firefox上运行的方式或以跨浏览器的方式获得奖励呢？ 作为记录： $(document).keydown(function(e) { if (e.keyCode == 8) e.stopPropagation(); }); 什么也没做。 $(document).keydown(function(e) { if (e.keyCode == 8) e.preventDefault(); }); 解决了问题，但使退格键在页面上不可用，这甚至比原始行为还差。 编辑：我这样做的原因是我不是在创建一个简单的网页而是一个大型应用程序。仅仅因为您在错误的位置按了退格键，就失去了10分钟的工作，这真是令人讨厌。通过防止退格键向后导航，防止错误与烦扰用户的比率应远高于1000/1。 EDIT2：我不是要阻止历史导航，只是出于意外。 EDIT3：@brentonstrines评论（由于此问题如此受欢迎，因此移至此处）：这是一个长期的“解决方法”，但是您可以在Chromium错误的背后给予支持以更改Webkit中的此行为
21
使用CSS创建圆角[关闭]
按照目前的情况，这个问题不适合我们的问答形式。我们希望答案会得到事实，参考或专业知识的支持，但是这个问题可能会引起辩论，争论，民意测验或进一步的讨论。如果您认为此问题可以解决并且可以重新提出，请访问帮助中心以获取指导。 7年前关闭。 如何使用CSS创建圆角？
5
使用CSS截断长字符串：可行吗？
有没有什么好方法可以用纯HTML和CSS截断文本，以使动态内容适合固定宽度和高度的布局？ 我一直在通过逻辑宽度（即盲目猜测的字符数）来截断服务器端，但是由于'w'比'i'宽，所以这往往不是最佳选择，并且还要求我重新猜测（并不断调整）每个固定宽度的字符数。理想情况下，截断将发生在浏览器中，该浏览器知道渲染文本的物理宽度。 我发现IE的text-overflow: ellipsis属性完全可以满足我的要求，但是我需要它能够跨浏览器。该属性似乎是（某种程度上）标准的，但Firefox不支持。我发现了各种 基于的变通办法overflow: hidden，但是它们要么不显示省略号（我希望用户知道内容已被截断），要么一直显示（即使内容未被截断）。 有没有人能以固定的布局来适合动态文本的好方法，还是服务器端的逻辑宽度截断是否和我现在想要的一样好？
14
如何确定HTML表单上的默认提交按钮？
如果提交表单但未通过任何特定按钮提交，例如 通过按 Enter HTMLFormElement.submit()在JS中使用 浏览器应如何确定按下多个提交按钮（如果有）中的哪个？ 这在两个层次上很重要： 调用onclick附加到提交按钮的事件处理程序 数据发送回Web服务器 到目前为止，我的实验表明： 按下时Enter，Firefox，Opera和Safari使用表单中的第一个提交按钮 按下时Enter，IE会使用第一个“提交”按钮，或者根本不使用任何按钮，具体取决于我无法弄清楚的情况 所有这些浏览器都完全不使用JS提交 标准怎么说？ 如果有帮助，这是我的测试代码（PHP仅与我的测试方法有关，与我的问题本身无关） <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Test</title> </head> <body> <h1>Get</h1> <dl> <?php foreach ($_GET as $k => $v) echo "<dt>$k</dt><dd>$v</dd>"; ?> </dl> <h1>Post</h1> <dl> …
13
无法在Chrome下加载资源
网页中有一堆图像。 其他浏览器正在正确下载它们，但Chrome无法加载它们。 在开发人员的控制台中，它为每个图像显示以下消息： 无法加载资源 此问题仅在Chrome中出现。 它是什么？
16
单选按钮（INPUT type =“ radio”）的OnChange事件处理程序不能用作一个值
我正在为此寻求一个通用的解决方案。 考虑两个具有相同名称的无线电类型输入。提交后，选中的将确定以以下形式发送的值： <input type="radio" name="myRadios" onchange="handleChange1();" value="1" /> <input type="radio" name="myRadios" onchange="handleChange2();" value="2" /> 取消选择单选按钮时，更改事件不会触发。因此，如果已经选择了值=“ 1”的单选按钮，并且用户选择了第二个，则handleChange1（）不会运行。这（无论如何对我而言）带来了一个问题，因为没有任何事件可以使我取消选择。 我想要的是一个针对复选框组值的onchange事件或一个oncheck事件的变通办法，该事件不仅可以检查无线电是否已选中，还可以在未选中无线电时对其进行检测。 我敢肯定你们当中有些人曾经遇到过这个问题。有哪些解决方法（或者理想情况下是正确的处理方式）？我只想捕捉更改事件，访问以前检查过的收音机以及新检查过的收音机。 PS onclick似乎是一个更好的（跨浏览器）事件，用于指示何时选中某个收音机，但仍不能解决未选中的问题。 我认为这对于在这种情况下为什么onchange的复选框类型起作用是有道理的，因为它会更改在您选中或取消选中它时提交的值。我希望单选按钮的行为更像是SELECT元素的onchange，但是您该怎么办...
13
XHTML（由主要浏览器实现）中所有有效的自动关闭元素是什么？
XHTML（由主要浏览器实现）中所有有效的自动关闭元素（例如<br/>）是什么？ 我知道XHTML从技术上来说允许任何元素都是自封闭的，但是我正在寻找所有主要浏览器都支持的那些元素的列表。有关由自动关闭元素（例如<div />）引起的一些问题的示例，请参见http://dusan.fora.si/blog/self-closing-tags。
12
IE的CSS“指针事件”属性替代
我有一个下拉导航菜单，其中某些标题在单击时不应导航到其他页面（单击时这些标题会打开一个下拉菜单），而其他标题应在导航中（这些都没有下拉菜单并直接导航）。类型已经href定义给他们 为了解决这个问题，我为标题的前一种类型添加了以下CSS pointer-events: none; 并且它工作正常。但是由于IE不支持此属性，因此我正在寻找一些解决方法。令人讨厌的是，我没有访问权限和特权来完全更改HTML和JavaScript代码。 有任何想法吗？
6
浏览器sessionStorage。标签之间共享？
我的网站上有一些值，要在关闭浏览器时清除这些值。我选择sessionStorage存储这些值。当选项卡关闭时，它们确实被清除，并且如果用户按f5则保留；但是，如果用户在其他选项卡中打开某些链接，则这些值不可用。 如何sessionStorage在应用程序的所有浏览器选项卡之间共享值？ 用例：将值存储在某个存储区中，使该值可在所有浏览器选项卡中访问，并在所有选项卡均关闭时将其清除。 if (!sessionStorage.getItem(key)) { sessionStorage.setItem(key, defaultValue) }
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.