2

検索を行いましたが、トピックは役に立ちませんでした。

ヘッダー div の X 軸を横切ってヘッダーの背景画像を繰り返そうとしています。

のような長いURLのCSSを作ると

background-image:url('http://site.com/images/logo.png');すべてが正常に動作します

CSS を ~/images/ のようなものに短縮しようとしたり、CSS とサイト ファイルを既にルート フォルダーに置いて /images/ を使用したりしても、何も得られません。

background-image:url('~/images/logo.png')

background-image:url('/images/logo.png')
4

2 に答える 2

4

これは、URL を適切に短縮していないことが原因である可能性があります。

次の絶対パスを想定します。

url('www.example.com/images/imageName.png');

ルート相対 URL は次のようになります。

url('/images/imageName.png');

相対パス (CSS ファイルが にあると仮定www.example.com/css/cssStylesheet.css) は次のようになります。

url('../images/imageName.png'); /* parent directory, then the images directory */

接頭辞付きの~URL 形式は不明ですが、ASP または .NET 形式であると思われますか? 私はそれについてアドバイスすることはできませんが。

役に立つかもしれない質問:

于 2011-04-23T21:02:53.747 に答える
0

"~" を含む URL は ASP.NET に固有のものであり、サーバー側で処理され、http://mysite/my_virtual_directory/images/logo.png. Web ブラウザは、"~" が何を指しているのかわからないため、これを行う方法がありません。

CSS ファイルで使用する URL がブラウザで「理解できる」ことを確認する必要があるため、「完全に修飾された」( http://mysite/my_virtual_directory/images/logo.png) か、「先頭」から開始する( ) 必要があり/my_virtual_directory/images/logo.pngます。

于 2011-04-23T21:02:37.497 に答える