인프런 커뮤니티 질문&답변

Youmi Choi님의 프로필 이미지
Youmi Choi

작성한 질문수

풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]

모던 HTML/CSS 로 상용화도 가능한 반응형 모던 웹페이지 만들기5

강의 3:10 background-image: url()

작성

·

286

0

백그라운드 이미지 url을 입력을 안해서 인지, 

테스트 안녕하세요 글자가 뜨지 않습니다.

   <!--메인 이미지 섹션-->
    <section class="main">
    <div class="main-container"></div>
    <div class="title-container"></div>
    <div class="title">테스트</div>
    <div class="message">안녕하세요</div>

==============================

.main{
  height: 360px;
  /* background-image:url(); */
  z-index: 1;
}

.main-container{
  width: 100%;
  height: 100%;
  background-color: cornflowerblue;
  opacity: 0.8;
  z-index: 2;
  margin-top: 60px;
}

.title-container{
  padding-top: 100px;
  padding-bottom: 100px;

}

.title{
  font-size: 2rem;
  font-weight:bold;
  color:#fff;
  margin-bottom: 0.8rem;
}

.message{
  font-size: 1.4rem;
  font-weight: normal ;
  color: #fff;
}

 

 

그리고 url을 저작권 문제로 스스로 구해야한다고 하셨는데 

제 개인이미지 url적다보니 안됩니다. 

어떻게 하면 강사님처럼 저의 이미지 url을 http://이렇게  만들수 있나요?

답변 1

0

안녕하세요. 앞부분의 질문은 잘 이해가 안가는데요. 이미지를 안넣어서, 글자가 안보인다 라는 의미인지는 잘 모르겠지만, 글자가 배경색과 동일하면 이미지가 없으니 안뜨는 것이 당연할 것 같습니다.

개인 이미지등은 블로그등 자신이 이미지를 업로드할 수 있는 사이트에 업로드를 해서, 해당 이미지 링크를 얻을 수 있다면, 충분히 우선은 진행이 가능할 것 같습니다. 

Youmi Choi님의 프로필 이미지
Youmi Choi

작성한 질문수

질문하기