cssμ μ½ν
μΈ μμμ μ¨κΈ°κΈ° μν λ°©λ²
1. overflow: hidden
2. display: none
3. visibility: hidden
μ½ν
μΈ λ₯Ό μμμ ν¬κΈ°λ§νΌ λ§μΆκΈ° μν΄ μλΌλ. λΆλͺ¨μμμ λ²μλ₯Ό λμ΄κ°λ μμμμμ λΆλΆμ 보μ΄μ§ μλλ‘ μ²λ¦¬.
visibility: hidden μ μ°¨μ§νλ 곡κ°μ κ·Έλλ‘ μ μ§λκ³ μ»¨ν
μΈ λ§ μ¨κ²¨μ§λ€κ³ μκ³ μμΌλ©΄ λλ€ ! (νλ©΄ μ μ΄λ€ μμμ μ°¨μ§νμ§ μκ³ μμ ν μμ λ κ²μ²λΌ 보μ΄κ²νλdisplay:none κ³Ό UIμ μΌλ‘ λ³Ό λ μμ ν λ€λ₯΄λ€ )
νλ©΄ μ μ΄λ€ μμμ μ°¨μ§νμ§ μκ³ μμ ν μμ λ κ²μ²λΌ 보μ΄κ² ν¨.μ°¨μ§νλ κ³΅κ° μμ
ν΄λΉ μμκ° λ³΄μ΄μ§ μμ λΏ νλ©΄ μ μ΄λ€ μμμ μ°¨μ§νκ³ μμ.
display: none, visibility: hidden (κ΅λ΄ μ€ν¬λ¦° 리λλ μ½μ μ μμ§λ§ ν΄μΈ μ€ν¬λ¦° 리λλ μ½μ μ μμ)μ μ€ν¬λ¦° 리λλ‘ μ½μ μ μκΈ° λλ¬Έμ μ κ·Όμ± μ’μ§ β
overflow:hiddenμ μ€ν¬λ¦° 리λκ° μ½μ μ μκΈ° λλ¬Έμ display: none, visibility: hidden λ³΄λ€ μ κ·Όμ± π
β NAVER
position: Absolute
λ ?
μμλ₯Ό μΌλ°μ μΈ λ¬Έμ νλ¦μμ μ κ±°νκ³ , νμ΄μ§ λ μ΄μμμ 곡κ°λ λ°°μ νμ§ μμ. λμ κ°μ₯ κ°κΉμ΄ μμΉ μ§μ μ‘°μ μμμ λν΄ μλμ μΌλ‘ λ°°μΉ
μμΉλ₯Ό μλμ μΌλ‘ λ°°μΉνκ³ overflow: hiddenμΌλ‘ μ¨κΉ.
β
Daum
IR(image replacement)κΈ°λ²μ μΉμ κ·Όμ±μ μ€μνκΈ° μν λ°©λ² μ€ νλλ‘μ, μ΄λ―Έμ§λ₯Ό λ³Ό μ μλ μ¬μ©μμκ² λ체 ν
μ€νΈλ₯Ό μ 곡νλ λ°©λ²μ΄λ€. λ³΄ν΅ μ΄λ₯Ό μν΄ imgνκ·Έμ alt μμ±μ μ΄λ―Έμ§μ λν λ체 ν
μ€νΈλ₯Ό μ
λ ₯νλ€. overflow:hidden
κ° κ°μ₯ μ μ ν λ°©λ²μΈ κ² κ°λ€.
.blind {
position: absolute;
clip: rect(0 0 0 0);
width: 1px;
height: 1px;
margin: -1px;
overflow: hidden;
}
.screen_out {
overflow: hidden;
position: absolute;
width: 0;
height: 0;
line-height: 0;
text-indent: -9999px;
}
κ°ν¬λμ κΈμ μ μ μ½νλ κ² μ λ§ μ κΈ°νλ€μ!!!π€©π€©
overflow:hidden
,display:none
λ μμ± λͺ¨λ ν·κ°λ Έλλ° μ΄μ μμΌ μ΄ν΄νκ³ κ°λλ€!!!κ°μ¬ν΄μ!! μμΌλ‘λ νμ΄ν μ΄μμ!!ππ