이미지를 넣고 싶습니다.
본문
수고하십니다.
content:'\f095'; font-family: "FontAwesome"; 폰트 어썸이 아닌
백그라운드를 넣고 싶습니다.
조언 좀 부탁드립니다.
.nav_btn.bg3{display:none;}
.nav_btn.bg3 a{background-color:#be2526; }
.nav_btn.bg3 a .nav_txt:before {display:block; float:left; width:60px; height:60px; line-height:60px; text-align:center; font-size:1.5em; color:#fff; content:'\f095'; font-family: "FontAwesome"; }
.nav_btn.bg3 a .nav_txt p{color:#fff;}
아래와 같이 수정을 해줬는데 변화가 없어서요.
.nav_btn .bg3 a .nav_txt:before{display:block; float:left; width:60px; height:60px; line-height:60px; text-align:center; font-size:1.5em; color:#fff; background:url('/img/t_bg01.png') no-repeat; }
답변 3
#inquiry_btn {background:#fff100 !important;}
적용해보세요.
nav_btn bg2 클래스는 해당 원 개채의 배경이고
a 태그 안의 id="inquiry_btn" 가 아이콘이 나오는 부분입니다.
nav_btn bg2 이 클래스에서 폰트어썸 제거하시고
a 태그 안의 id="inquiry_btn" 에서 css 를 할당하세요.
즉,
.nav_btn { background:#cc0000 !important;}
#inquiry_btn { background:#fff100 !important;}
이렇게 적용하면
이렇게 보여집니다.
친절한 답변 정말 감사합니다.
css에서 아래와 같이 적어 주었습니다.
.nav_btn.bg2 a{background-color:#3a96dc; }
.nav_btn .bg2 a .nav_txt:before{display:block; float:left; width:60px; height:60px; line-height:60px; text-align:center; font-size:1.5em; color:#fff; background:url('/main/img/t_bg01.png') no-repeat; }
.nav_btn.bg2 a .nav_txt p{color:#fff;}
#inquiry_btn { background:url('/img/t_bg01.png') !important;}
원형에 노랑색으로만 나오고 이미지는 노출이 안되네요.
불러오려는 페이지 php에서는
아래와 같이 표현되고 있어요.
답변 감사합니다.
<div class="nav_btn bg2">
<a href="sms:*** 개인정보보호를 위한 휴대폰번호 노출방지 ***" alt="긴급 대응" title="긴급 대응" id="inquiry_btn">
<div class="nav_txt">
<p>긴급 대응<br>긴급 대응</p>
</div>
</a>
</div>
css 는 문제가 없어보이는데요..
ctrl + f5 해보세요
어디를 수정해야하는지 모르시겠다면 해당 URL 와 위치를 다시 올려주세요.
폰트어썸으로 아이콘 사용중인데 폰트개체를 빼버리면 해당 위치의 아이콘노출이 null 이 되어서 화면에 안보이는 경우도 있습니다.
