0

css を使用してテーブル セル内に画像を表示しようとしています。これは私が持っているものです:

HTML:

<td class="activity-status status_not_started">Not Started</td>

CSS:

td.activity-status {
font: 0/0 a !important;
color: transparent !important;
width: 80px !important;
padding: 0 !important;
}

td.status_major_issues:after {
content: url(/sites/ih/Style%20Library/org-ih/img/status_major_issues.png) !important;
}

ブラウザでアクセスすると

http://myspsite/sites/ih/Style%20Library/org-ih/img/status_major_issues.png

画像は期待どおりに表示されます。

ただし、CSS が適用された後の Web ページでは、画像が壊れて表示されます。

ページへのパスは次のとおりです。

http://myspsite/sites/ih/46/Pages/status.aspx

css ファイルへのパスは次のとおりです。

http://myspsite/sites/ih/Style%20Library/ih-status/css/style.css

何が起こっているのか誰にも分かりますか？

ありがとう！エリック

4

1 に答える 1

2

CSS はおそらく別のディレクトリにあるため、コンテンツへのパスは次のようになります。

content: url('../sites...')

ページのスクリプトがある場所ではなく、css ファイルがある場所からパスが取得されるため、1 つ上のディレクトリに移動する必要があります。

于 2013-10-02T12:29:07.800 に答える