1

我正在使用简单零售插件并将这个 CSS 类添加到它的 css(display.css) 中：

.round
{
border-width: 28px;
-moz-border-image: url("../images/frame2.png") 28 28 round; /*Mozilla version*/
-webkit-border-image: url("../images/frame2.png") 28 28 round; /*Webkit version*/
-o-border-image: url("../images/frame2.png") 28 28 round; /*Opera version*/
-ms-border-image: url("../images/frame2.png") 28 28 round; /*IE syntax when it does support this prop*/
border-image: url("../images/frame2.png") 28 28 round; /*Standard version*/
}

只是一个使用图像的简单边框。我试图将它添加到 Wordpress 自己的样式表中，但同样的问题仍然存在。

它在 Safari 和 Chrome 中有效，但在 Firefox 中无效。我知道边框图像 CSS 在 Firefox 中有效，因为我已经在 Wordpress (v3.4.2) 之外对其进行了测试。

我使用了firebug，它表明它确实使用了该类，但由于某种原因没有在firefox中显示它。我什至试图改变主题。

过去两天我用谷歌搜索、搜索和测试，但一无所获。

谢谢你的帮助

编辑：我正在使用 MAMP。

4

2 回答 2

0

昨晚我的一个网站也遇到了同样的问题。

我发现唯一有效的方法是更新样式表并将其保存在 wordpress 编辑器中，进入您的数据库，在 wp-options 表中编辑站点 url，将站点所在的文件夹重命名为您在数据库，它将已更新。

于 2012-12-04T15:29:43.540 回答
0

好吧。似乎在 Firefox 更新到 15.01 之后，他们对读取 css 的方式进行了一些更改。您需要添加：

border-style;solid;

在边框图像 css 标记之后。它应该如下所示：

.round
{
border-width: 28px;
-moz-border-image: url("../images/frame2.png") 28 28 round; /*Mozilla version*/
-webkit-border-image: url("../images/frame2.png") 28 28 round; /*Webkit version*/
-o-border-image: url("../images/frame2.png") 28 28 round; /*Opera version*/
-ms-border-image: url("../images/frame2.png") 28 28 round; /*IE syntax when it does support this prop*/
border-image: url("../images/frame2.png") 28 28 round; /*Standard version*/

border-style;solid

}
于 2012-12-05T18:18:49.730 回答