질문/조언질답게시판
Extra Form
PHP PHP 7.0
CMS Rhymix

안녕하세요. 라이믹스 이용중입니다.

 

<div class="eq navbar-container">

 

위 클래스에 안보이게 hidden을 주고 싶은데요.

 

style로 지정하려면 어떻게 해주어야 하나요??

 

.eq.navbar-container {

       hidden;

}

 

이건 아닌데....

  • profile
    display:none;
  • profile

    css는 속성과 속성에 따른 옵션으로 이루어져있습니다.
    속성은 기본 값들이 정해져 있구요.
    태그마다 기본값이 다른 경우도 있구요.

    예를 들면
    div의 display 속성은 기본옵션은 block이고
    span의 display 속성의 기본옵션은 inline입니다.
    display는 화면에 보여지는 방법 중에 영역을 어떻게 차지하느냐이고
    여기에 옵션은 block, inline, inline-block, none, hidden 등이 있습니다.
    block은 면적을 가집니다.
    inline은 면적이 없습니다. 줄 안에 포함되죠.
    inline-block는 면적을 가지지만 줄 안에 포함되죠.
    none는 면적도 없고, 화면에 보이지도 않습니다.
    hidden은 면적은 있지만 화면에 보이지는 않습니다.

    이런 속성과 옵션은 너무 방대해서 다 적기는 어렵습니다.
    또한 css는 특성상 글자로만 설명하기도 어렵구요.

    구글에서 "css 안보이게" 요런식으로 검색하면 원하는 것을 생각보다 쉽게 찾을 수 있습니다.
    생각하는 것을 한글로, 거기에 css를 추가하는 것이죠.

  • ?
    보통 두가지 방식이 사용됩니다.
    .클라스명{display:none}
    이런 형태인데 이건 간단하죠 처방식도 직관적이고
    그런데 이것의 문제점은 웹접근성에서 떨어진다는겁니다.

    =====================
    1. display:none는 센스리더, Jaws, NVDA에서 모두 내용을 읽지 못함
    2. visibility: hidden는 센스리더에서는 내용을 읽을 수 있었으나 Jaws, NVDA는 모두 내용을 읽지 못함
    3. overflow:hidden의 경우 센스, Jaws, NVDA 모두 내용을 읽을 수 있음
    =========================

    이런글이 있더군요.
    그래서 웹접근성까시 생각하시는 분들은 overflow:hidden 처리를 하시는데
    이건 설명 그대로 넘어가면 안보이게 하기라서
    어디를 기준으로 넘어가고 안가고를 정해야 합니다.
    그래서 주로 사용하는 방식이
    .클라스명{height:0;padding-top:1px;overflow:hidden;}
    이렇게 처리하거나(사실 padding-top:1px; 이걸 왜 처리하는지 저도 기억이 잘 안납니다. 없어도 될거 같은데... 전 습관적으로 사용하고 있습니다. 과거 어떤 브라우져에서 공간을 전혀 안잡아주면 어떤 문제가 생겼거나 아니면 padding-top:200px 처리로 공간확보하고 배경이미지 처리하려고 하는 습관이 남아 있을 수도 있고요.)
    이런 방식이 아니면
    .클라스명{height:0;padding-top:1px;overflow:hidden;text-indent:-99999px} 이렇게 처리하는 방법도 있습니다.
    .클라스명{height:0;padding-top:1px;overflow:hidden;} 이걸로 불안하면 글을 -99999px까지 앞으로 끌어당겨서 노출이 안되게 하는거죠.
  • ? profile
    웹접근성까지 고려를 하시다니요!! 요건 생각을 못하고 있었는데 참고하겠습니다~
  • profile ?
    요즘은 관성적으로 작업을 하다 보니
    알아도 사용 안하는것도 있고
    새로운 정보를 몰라서 사용 안하는것도 있고...

    늙으면 보수적으로 변한다던데
    아마 귀찮아서 보수적이 되는거 같습니다.
  • ? profile
    새로운 것을 배우는게 점점 귀찮고 힘든 나이가 되어가는 거죠.. 저도 그렇거든요 ㅠㅠ