1

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では機能しません。ボーダーイメージCSSは、Wordpress（v3.4.2）の外部でテストしたため、Firefoxで機能することを知っています。

私はfirebugを使用しましたが、実際にはそのクラスを使用していることを示していますが、何らかの理由でFirefoxでは表示されません。テーマも変えてみました。

過去2日間、グーグルで検索してテストしましたが、何も見つかりませんでした。

ご協力いただきありがとうございます

編集：私はMAMPを使用しています。

4

2 に答える 2

0

昨夜、自分のサイトの1つで同じ問題が発生しています。

私が見つけた唯一のことは、スタイルシートを更新してワードプレスエディターに保存し、データベースに移動し、wp-optionsテーブルでサイトのURLを編集し、サイトのフォルダーの名前を変更したものに変更することでした。データベースとそれが更新されます。

于 2012-12-04T15:29:43.540 に答える
0

大丈夫。Firefoxが15.01に更新された後、cssの読み取り方法にいくつかの変更が加えられたようです。追加する必要があります：

border-style;solid;

border-imagecssタグの後。次のようになります。

.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 に答える