Question

我正在使用Simple Retail Plugin并将此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。我知道border-image CSS在Firefox中有效，因为我在Wordpress（v3.4.2）之外测试过它。

我使用过firebug并且它显示它实际上确实使用了该类，但由于某种原因它没有在firefox中显示它。我甚至试图改变主题。

我在过去两天用Google搜索，搜索和测试，但一无所获。

感谢您的帮助

编辑：我正在使用MAMP。

Answer 1

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

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

Answer 2

好的。似乎在Firefox更新到15.01后，他们对如何读取CSS进行了一些更改。你需要添加：

border-style;solid;

在border-image 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

}

CSS更改在使用Wordpress CMS的Firefox 17.0.1中不起作用

2 个答案: