2014-05-08 3 views
-1

(Visual Studio 2013을 사용 중입니다) 내 웹 페이지의 배경을 설정하고 싶습니다. 내 영문 이내에CSS를 사용하여 배경 이미지 설정에 문제가 있습니다

CSS를

body { 
    background-image: url("Content/Images/back.png"); 
} 

를 넣으면 작동됩니다 파일을 내 원하는 배경을 설정합니다. 내가 CSS 파일에 넣어 그러나 CSS는

body { 
    background-image: url("Content/Images/back.png"); 
} 

가 나는 영문의 속성을 가지고 있음을 언급 할 모양을

을이됩니다 작동하지 않습니다 난에 CSS의 배경 색상을 변경할 때 그것이 작동하는지 테스트하십시오. 그러나 배경을 위해 그것은 일하지 않을 것이다!!

여기 내 .aspx 파일입니다.

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="EmptyWebForm.Default" %> 
<link href="Content/Styles/styles.css" rel="stylesheet" type="text/css" /> 
<!DOCTYPE html> 

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
    <title></title> 
</head> 
<body> 
    <form id="form1" runat="server"> 
     <div> 

      <style type="text/css"> 
       /*body { 
        background-image: url("Content/Images/back.png"); 
       }*/ 
      </style> 

     </div> 
    </form> 
</body> 
</html> 
+0

는 어디에'. css' 파일을 프로젝트에 저장 하시겠습니까? 파일과 같은 디렉토리에'Content'가 있습니까? 'url()'경로는 스타일 시트의 경로를 기준으로합니다. –

+0

.css는 Content \ Styles \ styles.css에 있습니다! 그것은 .aspx 파일의 본문에있을 때 완벽하게 잘 작동하므로 문제가 경로와 관련되어 있지 않습니다. – Usties

+0

페이지 본문에있을 때 경로는 페이지에 상대적입니다. '.css' 파일로 이동 했으므로 그에 따라 경로를 조정해야합니다. 'url ("../ Images/back.png")'을 시도해보십시오. –

답변

2

아마도 귀하의 CSS 파일은 다른 디렉토리에 있습니다. 이미지에 대한 URL은 예를 들어으로 변경해야하므로 CSS 파일에 상대적입니다 :

경우에 답이 될 것입니다, 그래서 당신은 더 많은 코드를 추가했습니다
body { 
    background-image: url("../Content/Images/back.png"); 
} 

:

body { 
    background-image: url("../Images/back.png"); 
} 
+0

그래, 파일 경로가 가장 가능성이 높습니다. 또한'background'와'background-image '등을주의하십시오. 왜냐하면'background'가 이미지와 색상을 가정하기 때문에 어떤 경우에는 문제가 발생할 수 있기 때문입니다 - – sheriffderek

+0

덕분에 배경 이미지를 보았습니다 : url ("../ Content/Images/back.png "); 그러나 그것은 작동하지 않았다! 그것은 .aspx 파일의 본문에있을 때 완벽하게 잘 작동하므로 문제가 경로와 관련되어 있지 않습니다. – Usties

+0

더 많은 코드를 추가 했으므로 답변을 업데이트했습니다. –

관련 문제