์ ์ฒด ๊ธ40 [CSS]IE6, 7์ ์ํด์ ํ์ง๋ง์์ผํ ๊ฒ๋ค 1. ๋ฐ์ค์์๋ค๊ณผ line-height > ๋ฐ์ค์์ํํ line-height๋ฅผ ์ด์ฉํด์ ๋์ด๋ฅผ ๋ง์ถ๋๊ฑด ์ข์ง์๋ค. ๋ธ๋ผ์ฐ์ ๋ง๋ค ๋ค๋ฅด๊ฒ ๊ณ์ฐํ๋๊ฒ๋ ์๊ณ , IE6,7์ ๊ฒฝ์ฐ 8,9์์ ์ ๋๋ก ๋ณด์์ด๋ ์๋๊ฒฝ์ฐ๋ ๋ง๋ค. ๊ตณ์ด ์จ์ผ๋๋ค๋ฉด, ๋ธ๋ผ์ฐ์ ๋ฅผ ๋ค ์ผ๋๊ณ ์ผ์ผ์ด ํ์ธํ๋ฉด์ ์์ ํด์ผ๋จ ์ถ์ฒ > line-height ๋์ ํจ๋ฉ์ด๋ ๋ง์ง์ฌ์ฉ 2. background์ text-indent ๋ฌธ์ > ๋ง์ฝ ํน์ ํ ์์ด์ฝ์ด ์๊ณ , ๊ทธ ์์ด์ฝ์ ๊ฐ๋ ํ๊ทธ์ title์ ๋ฃ์ด์คฌ๋ค๋ฉด, ๊ทธ ์์ด์ฝ ๋ด๋ถ์ ๊ธ์ ์ฐ๊ณ text-indent๋ฅผ ํ๋ฉด ์๋๋ค.์)๊ฒ์ ์ด๋ ๊ฒ ํ ๊ฒฝ์ฐ ie6,7์์ text-indent๋ก ์ธํด์ ๋ฐฑ๊ทธ๋ผ์ด๋๋ง์ ๊ฐ์ด ์ฌ๋ผ์ ธ๋ฒ๋ฆฐ๋ค.๊ตณ์ด ์์ ๊ธ์ ์จ์ผ๋๋ค๋ฉด span์ผ๋ก ํ๋ฒ๋ ๊ฐ์ธ๋๋ก ํด์ผํ๋ค. 3. i.. 2013. 1. 18. CSS ์ด๋ณด์๋ฅผ ์ํ ํ CSS Shorthand (์ค์ฌ์ฐ๊ธฐ, ์๊ธฐ) ํผ๋ธ๋ฆฌ์ฑ์ ํ์์์ ๋ฐฐ์ฐ๊ฑฐ๋ ์ฑ ์ผ๋ก ๊ณต๋ถํ ๋ CSS๋ฅผ ๊ธฐ๋ณธ์์ฑ ๊ฐ ๊ทธ๋๋ก ํํํ๋ ๋ฒ์ ๋ง์ด ๊ฐ๋ฅด์น๊ณ ์ฑ ์๋ ๋์ ์์ง๋ง, CSS Shorthand ๋ํด์ ์ฌ์ฉํ๋ ๋ฐฉ๋ฒ๋ง ๋์์์ง ์ ํํ ์์๋ ์๋ฆฌ ์์น์ ๋ํด ๋์์๋ ๊ฒ์ ๋ณด๊ธฐ ํ๋ญ๋๋ค. ๊ทธ๋์ CSS Shorthand์ ๋ํ์ฌ ์ ๋ฆฌํ๊ณ ํฉ๋๋ค. CSS Shorthand, -์ฐ๋ฆฌ๋ง๋ก "์ค์ฌ์ฐ๊ธฐ, ์๊ธฐ"- ๋ ์คํ์ผ์ํธ์ ํ์ผ์ ์ค์ฌ์ค ๋ฟ๋ง ์๋๋ผ ๊ฐ๋ ์ฑ์ ๋์ฌ์ฃผ๊ณ ์์ ํ ๋์๋ ๋น ๋ฅด๊ฒ ํ ์ ์์ต๋๋ค.1. Fontfont ์์ฑ์ ์๊ธฐ๋ก ์ฌ์ฉํ ๋ ์ ์ธํ์ง ์์ ๊ฐ์ ๊ธฐ๋ณธ ๊ฐ์ด๋ฉ๋๋ค. font์ ๊ธฐ๋ณธ ์์ฑ์ ์๋์ ๊ฐ์ต๋๋ค.- font-style- font-variant- font-weight- font-size- line-height- font-fami.. 2013. 1. 14. IE๋ฒ์ ๊ฐ์ ๋ณํ์ฉ ๋ฉํํ๊ทธ IE ๋ฅผ = ? ์ ๋ธ๋ผ์ฐ์ ๋ก ๊ฐ์ ๋ณํ ๋งจ ์๋์ค์IE ๋ฅผ ์ต์ ๋ธ๋ผ์ฐ์ ๋ก ๊ฐ์ ๋ณํ ์ ๋ฉํ๋ ํด๋ผ์ด์ธํธ๊ฐ ๊ธฐ๋ณธ๋ธ๋ผ์ฐ์ ์ค์ ์ด ํธํ์ฑ๋ชจ๋๊ฑฐ๋๋ค๋ฅธ IE๋ฒ์ ์์ ๋ ์ด์์์ด ๊บ ์ ธ์ ๋์ค๋ ๋ถ๋ถ์ด ์์๊ฒฝ์ฐ๊ฐ์ ์ ์ผ๋ก IE๋ฒ์ ์ ์ํ๋ ๋ฒ์ ์ผ๋ก ๋ณ๊ฒฝํ๋ ๋ฐฉ๋ฒ. 2013. 1. 10. ํ ์คํธ ์ค๋ฐ๊ฟ ํ๊ทธ ๋ณธ๋ฌธ : http://willucy.tistory.com/796 2012. 12. 21. ์ด์ 1 2 3 4 5 6 7 ยทยทยท 10 ๋ค์