问题标签 [cross-browser]

如何使用 CSS 创建圆角？

尽管这些天我一直在努力进行完整的验证，但我经常想知道这是否是在浪费时间。如果代码运行并且在所有浏览器中看起来都一样（我使用 browsershots.org 进行验证），那么我是否需要更进一步，或者我只是过于肛门？

创建代码时，您将代码保持在什么级别：

a) 你自己 b) 你的客户

PS Jeff 和公司，为什么堆栈溢出不验证？:)

编辑：一些很好的见解，我认为，因为我一直如此痴迷于有效，所以我编程知道什么会导致问题，什么不会，所以我比那些先创建网站然后再创建网站的人处于更好的位置“回去解决验证问题”

我想我可能会发布另一个关于堆栈溢出的问题；“你是边走边验证还是完成后再回去验证？” 因为这似乎是这个问题的去向

我需要在我正在处理的网站中显示一些交互式（附加 DOM 侦听器等和事件处理）矢量图形。W3C 推荐了 SVG，尽管 Internet Explorer 支持仍然无法识别这种格式，这是必须的（对于公共网站）。IE 处理 VML，甚至还有一些 JavaScript 库可以根据浏览器（SVG 与 VML）进行一些类似画布的绘图 - excanvas、Dojo Toolkit 的 GFX等等。尽管它们都不能从给定的标记中显示 SVG 图像，但这会很好并且可以接受。

所以这个问题实际上由几个部分组成：

1. 是否有任何跨浏览器 Javascript 库可以显示来自给定标记（不是强制性 SVG）的矢量图形并提供附加到 DOM 事件的可用性？
2. 如果没有，哪种最流行的嵌入式浏览器技术最适合做这样的任务？我可以从 Flex/Flash、Java 小程序中进行选择。由于 Windows 锁定，Silverlight 不是一个选项。

[编辑]谢谢大家的意见/建议。以下只是我对此事的一些随机笔记/结论：

• 我需要的交互性级别是能够检测正在显示的矢量图像上的 DOM 事件——鼠标悬停、鼠标悬停、单击等——以及对它们做出反应的能力，比如改变背景颜色、显示对话框等。
• 坚持使用 SVG 格式的想法非常好，因为它在许多浏览器上都是原生的，除了最流行的浏览器 - IE。在尝试显示动态 SVG 之后，我意识到 IE 版本 7 是最有问题的。由于浏览器不兼容，有太多麻烦。
• Cake 似乎是一个很棒的 Javascript 框架，尽管我无法获得在 IE7 上运行的示例。
• Java Applets - 我最喜欢这个想法，因为我可以使用 Apache Batik 库，一个高质量的 SVG 渲染器。但是，Batik 是一个非常大的库，我负担不起部署一个只有几兆字节的小程序。
• 我决定坚持使用 Flex 选项。我找到了一个不错的矢量图形库Degrafa。它使用自己的标记格式，但是它识别 SVG 路径表示法，因此在我的情况下，使用 XSLT 转换我的 SVG 或仅解析它们将非常容易。

[编辑 2 ] 出现了更多评论。我想澄清一下，“Windows 锁定”是指 Silverlight 通常在 Windows 上运行的情况，更具体地说，是 IE。我怀疑它是否是其他系统上可接受的解决方案（例如 Flash 或 Java Applet）。是的，我毫不怀疑可以在任何系统上启动 Silverlight 应用程序，尽管我担心这对普通用户来说会花费太多精力。

@Akira：您对 IE7 上的那些“SVG 渲染器”有什么问题吗？我总是抛出 Javascript 错误。

它看起来很有趣，我已经玩过一些 --- 但 Web 浏览器中的开发 IDE 最终似乎是一场噩梦。

有没有人有使用它的经验，你的想法是什么？

我在早期的播客之一中听到 Joel 和 Jeff 谈论sIFR。我一直在www.american-data.com和www.chartright.us上使用它，结果好坏参半。

昨天我被告知，我网站上的第一行文字在没有 Flash 播放器的 Internet Explorer 6 中出现了颠倒。我很确定评估是错误的，因为没有 Flash 播放器 = 没有 sIFR。但是我的页面上出现了一些奇怪的行为，至少在 IE 6、7 和 8 中是这样。我真的只想使用 sIFR，因为我的字体在 Firefox 中的计算机上看起来很糟糕。

我的问题是：如果你使用 sIFR，你什么时候使用 sIFR？在哪些情况下禁用 sIFR？什么时候最好只使用浏览器字体？

我有一个使用<ul>列表进行导航的页面（Javascript 更改样式以在鼠标悬停时显示或不显示）。

当我在页面上有谷歌地图时，这对我来说很好，除了在 IE6 和 IE7 中。

在这种情况下，下拉菜单根本不起作用。但是，该页面在 FireFox 2 中仍然有效。

我做了一些研究，发现这可能是 IE 选择框错误的一个例子，但我不确定谷歌地图似乎使用的是<div>，而不是<iframe>.

有没有其他人遇到过类似的问题，如果有，他们对克服这个问题的最佳方法有什么建议吗？

使用 CSS，

我试图span在 Firefox 中指定标签的高度，但它只是不接受它（IE 接受）。

Firefox 接受heightif 我使用 a div，但使用 a 的问题div是它后面的令人讨厌的换行符，在这个特定情况下我不能这样做。

我尝试设置 CSS 样式属性：

我不是在谈论让人们在操作系统和浏览器（如 crossbrowsertesting.com）的组合中查看页面的工具，而是在创建或找出实际的 CSS 时使用的工具。

我正在使用 jQuery 并试图找到一种跨浏览器的方式来获取<textarea>s 和input盒子中插入符号的像素坐标，这样我就可以在这个位置周围放置一个绝对定位的 div。

有一些 jQuery 插件吗？或者 JavaScript 片段来做到这一点？

我在这里有一些内部 .net Web 应用程序，需要用户“注销”它们。我知道这在 Intranet 应用程序上似乎没有实际意义，但它仍然存在。

我们为我们的 Intranet 应用程序使用 Windows 身份验证，因此我们使用基本身份验证绑定到我们的 Active Directory，并且凭据存储在浏览器缓存中，而不是使用 .net 表单身份验证时的 cookie。

在 IE6+ 中，您可以通过执行以下操作来利用他们创建的特殊 JavaScript 函数：

但是，对于要支持的其他浏览器（目前是 Firefox，但我努力支持多浏览器），我只是向用户显示他们需要关闭浏览器才能退出应用程序的消息，这有效地刷新应用程序缓存。

有人知道一些命令/黑客/等吗？我可以在其他浏览器中使用来刷新身份验证缓存吗？