Question

当我想使用CSS3时，是否需要一些特殊的DOCTYPE？我有div虚线边框，我想设置border-image（只能用CSS3），但是当我设置border-image：url（..，没有任何反应。

Answer 1

有些浏览器可能只支持Standards Mode中的CSS 3功能，但触发Doctype的标准模式应该被视为常规操作而不是“特殊”。

请记住，CSS 3是不尚未达到推荐阶段的规范集合。它们是非常新的，浏览器支持远非普遍（并且不是'支持CSS 3或不支持CSS 3'的二进制状态 - 所有主要Web浏览器的当前版本都支持一些CSS 3（针对'some'的不同值））。您的问题可能只是因为您没有使用支持border-image的浏览器。

Answer 2

border-image目前可在 Safari中使用   和Firefox 3.1 （Alpha）。语法为   使用它是：

border-image：url（border.png）27 27 27   27轮;

See demonstration page

Answer 3

目前并非所有浏览器都提供CSS3。目前，只有Chrome，Opera和Safari支持它。 CSS3命令不适用于IE;你必须找到其他解决办法或等到浏览器赶上标准。

Answer 4

很可能边框图像没有显示，因为您没有使用正确的前缀。目前，主流浏览器不支持“border-image”，因此您需要为浏览器添加前缀。

E.g。

-webkit-border-image
-moz-border-image
-o-border-image

-webkit - 适用于基于WebKit的浏览器，例如Google Chrome和Safari
-moz - 适用于Firefox
-o - 适用于Opera

Answer 5

您不需要特定的DOCTYPE，但仅在某些浏览器中支持border-image。您也可以使用：

-webkit-border-image
-moz-border-image
-khtml-border-image
-o-border-image

扩大对浏览器的支持范围。 CSS3尚未作为所有当前浏览器的标准实现，因此使用特定的CSS标签是目前最好的方法。

Answer 6

支持非常有限且在支持它的浏览器中不一致。检查Quirksmode（表格底部）以查看坏消息http://www.quirksmode.org/css/background.html

CSS3边框图像

6 个答案: