问题标签 [vendor-prefix]

我正在使用以下 CSS 在我的 DIV 上实现圆角边框：

但是在 IE 6/7/8 中，即使我包含了 IE 特定的半径，它也不会显示圆形的 DIV 边框（它显示的是方形边框）。

任何想法为什么只有 IE 6/7/8 不显示圆形边框？

我使用 webkit/mozilla 边框半径和框阴影 CSS 属性，但我希望 CSS 能够验证（它目前没有）。有没有办法让它验证？

http://jigsaw.w3.org/css-validator/

有没有办法获取 CSS 文件的原始内容？

假设我想从 CSS 文件中获取任何特定于供应商的 css 属性。我需要以某种方式获取 CSS 内容并相应地解析它们。或者我可以只使用 DOM 来访问 CSS 文件的规则。

问题在于，在使用 DOM 时，大多数浏览器（<= IE8 除外）倾向于去除与其浏览器引擎无关的所有自定义属性（webkit 去除 -moz 和 -o 和 -ms） . 因此无法获取 CSS 内容。

如果我使用 AJAX 来获取 CSS 文件的内容，那么如果该 CSS 文件托管在另一个域上，那么相同的源策略将会中断并且无法获取 CSS 内容。

如果要使用跨域 AJAX 方法，那么只有 JSONP 解决方案不起作用，因为我们不解析任何 javascript 代码（因此没有回调）。

有没有其他方法来获取内容？

除了以下列表之外，还有其他对Web 开发很重要的 CSS 供应商前缀吗？我的定义正确吗？我是否应该更具体地了解移动浏览器（例如移动 Webkit）

• -khtml-（Konqueror，很老的 Safari）
• -moz-(火狐)
• -o-（歌剧）
• -ms-（IE浏览器）
• -webkit-（Safari、Chrome）

这个列表（还包含mso-、-wap-和）是否-atsc-增加了任何有价值的东西？

我最近在 CSS 中遇到了一个问题，我将min-width属性设置为在 Firefox 中有效但在 Webkit 中中断的某个值。在使用 Chrome 检查器进行一些操作时，我发现了一个属性-webkit-min-logical-width，当设置为与 不同的值时min-width，可以修复我在 Chrome 中的布局问题！有谁知道这个属性应该做什么？我用谷歌搜索它并没有想出任何东西，即使在 webkit 的网站上也是如此。

编辑这是一个演示这一点的小提琴。在 Chrome 和 FF 中查看以查看差异。看来它可能是最小宽度覆盖？

我有一些使用-webkit-供应商前缀的 CSS。为了与“旧”版本的 Safari 兼容，我对-khtml-供应商前缀有相同的规则。我对与 Konqueror 和其他真正的 KHTML 浏览器的兼容性不感兴趣。

例如，我可能有以下规则：

我了解现代 WebKit 浏览器在内部将所有规则都重写-khtml-为规则。但是，这给我留下了以下问题：-apple--webkit-

在哪个版本的 Safari 中-webkit-可用？也就是说，在哪个版本之前 Safari 会完全忽略我的规则？

我计划使用这些信息来确定我的个人规则（例如-khtml-user-select）是否真的被这个早期版本的 Safari 支持。

如果我使用带有供应商前缀的属性，我应该如何在W3C 的 CSS 验证器-webkit-border-radius上实现有效的 CSS3和-moz-box-shadow？

是否有一个脚本可以包含在我的网站上，它会自动将供应商前缀添加到 CSS 中？我只想编写标准的 CSS，这样几年后我就不必回去去掉供应商前缀了。

我想我现在已经写了一千遍了：

但是直到现在我才想到这些的顺序是否重要？我知道这之间-moz-*没有-webkit-*关系，因为最多会读取其中的 1 个，但是首先还是最后执行 W3C 标准更好（就未来的验证等而言）？

我想我们大多数人都习惯于编写带有供应商特定前缀的通用 CSS3 属性来支持所有浏览器，所以看到这样的东西并不少见：

我最近注意到，在大多数常见属性上，不再需要前缀。鉴于当前浏览器的快速更新周期，我开始考虑保留前缀的必要性——例如，可能没有多少版本的 Chrome 仍然不支持本机border-radius语法。

此外，我一直认为这些属性只是吸引眼球，所以我认为在这方面放弃对现已过时的 Firefox 3.* 等的支持不会有任何问题。

那么，在最常见的属性上删除前缀是否安全，即border-radiusand box-shadow？