2

私はasp.netを初めて使用します。また、背景画像の設定に問題があります。マスターページのソースは次のとおりです。

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="Master.master.cs" Inherits="Master"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <link rel="stylesheet" type="text/css" href="scripts/style.css"/>
    <title>Tracker</title>
    <asp:ContentPlaceHolder id="head" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <div class="container">
                <a href="#"><img src="images/cross-header.gif" alt="Insert Logo Here" width="100%" id="Insert_logo" style="background: #C6D580; display:block;" /></a>

            <div class="sidebar1">
                <nav>
                    <ul>
                        <li><a href="#">Home</a></li>
                        <li><a href="#">LINK</a></li>
                        <li><a href="#">LINK</a></li>
                        <li><a href="#"><span style="font-weight:italic">LINK</span></a></li>
                        <li><a href="#"><span style="font-weight:italic">LINK</span></a></li>
                    </ul>
                </nav>
                    <p>SOME LABEL</p>
                    <p>SOME QUOTE HERE</p>
                    <p></p>
            </div>
        </div>
        <footer>
           <a href="#">LINK HERE</a> | <a href="#">LINK HERE</a> | 
           <a href="contact.php">CONTACT</a> | <a href="register.php">REGISTER</a> | <a href="login.php">LOGIN</a>
            <address>
                Copyright 2012 @JRC
            </address>
        </footer>
    </div>
    </form>
</body>
</html>

私が使用しようとしている画像は、フォルダ画像にあります。何が悪いのかわかりません。

そして、これがstyle.cssのソースです。

body 
{
    font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;

    background-image:url('images/background.jpg');
    background-repeat:no-repeat;
    background-attachment:scroll;
    background-position:repeat-x;
}

このurl('image / background.jpeg')なども試しましたが、失敗します。

4

4 に答える 4

12

これは、cssファイルがどこにあるかに大きく依存します。'image'フォルダーと同じフォルダーにある場合、これは正しいように見えます。ただし、cssファイルが別のディレクトリ(たとえば/ css)にある場合、cssファイル内のリンクは機能しません。代わりに、完全なリンクを指すようにcssリンクを変更します。

background-image: url('http://mysite.com/images/background.jpg)

'〜'リンクがスタイルシートで機能するかどうかはわかりません。cssはscriptsフォルダーにあるので、次のことができるはずです。

background-image: url('../images/background.jpg')
于 2012-12-02T05:07:57.573 に答える
0

これは私のために働いた:

background-image: url(<%=ResolveClientUrl("~/images/background.jpg")%>);
于 2015-01-23T15:02:53.547 に答える
-1

それはあなたのせいで混乱しつつありますsrc、それはでそれを見つけますcurrent_folder+src、しかしあなたの画像フォルダはルートフォルダにあります、あなたに到達するためにroot_folder+srcあなたはあなたのソースに接頭辞を付ける必要があります~/

background-image:url('~/images/background.jpg');
于 2012-12-02T05:05:42.330 に答える
-1

マスターページを追加し、cssスクリプトをリンクして、ドラッグアンドドロップ方式を使用してCSSのリンクを貼り付けます

于 2017-05-16T08:34:41.630 に答える