CSS/HTML 초보자 : 이미지와 CSS (의) 국경

내가 CSS/HTML에서 매우 새로 온 사람과 문제는, 난 내 페이지에 이미지를 사용하는 것을 시도하고 있지만,이 코드는 작동하지 않습니다CSS/HTML 초보자 : 이미지와 CSS (의) 국경

내 "100 %"로 창 너비와 높이의 이미지를 설정해야하지만 이미지를 그대로 표시하고 "myclass"의 경우 일부 텍스트를 추가하려고했으나 그렇지 않은 경우 테두리가 표시되지 않습니다.

내가 튜토리얼을 따라하지만 문제가 어디 있는지 모르겠어요 :

body { 
     background-image:url("landscape.jpeg"); 
     background-size:100%; 
} 

.myclass { position:relative; border:1px solid red; } 


<div id="myclass"> 
    <p></p> 
</div>

당신의 도움이

출처

2012-02-26 Miles_Crew

'작동하지 않음'을 정의하십시오. 그것은 * 무엇을 *할까요 *하지 않습니까 *할까요? 당신이 * 그것을 할 것으로 기대 했습니까? –

@David Thomas : 안녕하세요, "100 %"로 창 너비와 높이로 이미지를 설정해야하지만 그대로 이미지를 표시하고 "myclass"에 텍스트를 추가하려고했는데 그것은 국경을 표시하지 않습니다, 나는 프로그래밍에서 매우 새로운 것입니다. 미안합니다 : 다른 위치 나 그와 비슷한 것을 설정해야합니까? –

이미지에 제공 한 경로는 CSS와 동일한 폴더에 있어야 함을 나타냅니다. 또한, 그것은 'jpeg' (그리고'jpg'가 아닌)라고 확신합니까? –

배경 이미지가 표시되지 않으면 주셔서 감사합니다, 그 이유는 아마 그입니다 URL이 잘못되었습니다.

myclass 클래스의 요소가 없으므로 선택기 .myclass은 요소와 일치하지 않습니다. id="myclass"을 class="myclass"으로 변경하십시오.

background-size 속성에는 브라우저 지원이 제한되어 있습니다.

출처

2012-02-26 18:32:28

감사합니다! mmh 좋아, 나는 점을 얻고있다, 나는 종류 및 ID를 가진 것을 진짜로 이해하지 않았다. 좋아, 국경이 작동한다. 이미지는 어떨까? 창문만큼 큰 이미지를 사용하려면 다른 것을 사용해야합니까? (ps : 어떻게이 "-1"을 변경할 수 있습니까?) –

class와 id의 차이점은 다음과 같습니다. Id는 유일하며 (한 번만 사용할 수 있어야 함) 클래스는 여러 번 사용할 수 있습니다. 자세한 내용은 http://css-tricks.com/the-difference-between-id-and-class/를보십시오. (-1은 질문을 좋아하지 않기 때문에 아무 것도 할 수 없기 때문입니다.) – Mattias

@Mattias : 좋아, 너 +1 할 수있어? –

CSS/HTML 초보자 : 이미지와 CSS (의) 국경

답변

관련 문제