๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

๋ชจ๋ธ1

โœˆcss3 background-size:cover contain ์†์„ฑ ie7, i8 ํ•ต background-size-polyfill with ์งค : ์Šคํƒ€ํ‚น ํ•˜์ดํž 2016.08.09 11:11 IE EDGE๊นŒ์ง€ ๋‚˜์™€ ์žˆ๋Š” ์„ธ์ƒ์—์„œ ์—ฌ์ „ํžˆ IE7 ๋ฒ„์ „์— ๋Œ€ํ•œ ํ•˜์œ„ ํ˜ธํ™˜ ํฌ๋กœ์Šค ๋ธŒ๋ผ์šฐ์ง•์„ ํ•ด์ค˜์•ผ ํ•˜๋Š” ๊ฒƒ์ด ์งœ์ฆ์ด ๋‚˜์ง€๋งŒ... UI๋Š” ์•ˆ ๋˜๋Š” ๊ฒƒ๋„ ๋˜๊ฒŒ ํ•˜๋Š” ์‹ ์„ฑํ•œ ์ง์—…! ๋ธŒ๋ผ์šฐ์ €๋“ค์ด ๋ฏธ์ณ ๋‚ ๋›ฐ๋”๋ผ๋„ ํ•ต์ด๊ฑด ๋ญ๊ฑด ์จ์„œ ์ž˜ ๋งž์ถฐ๋ณด์ž. ์ด ๋ฒˆ์— ์†กํŒŒ๊ตฌ๋ฆฝ ํ†ตํ•ฉ๋„์„œ๊ด€ ์ค‘์— ๊ฐ€๋ฝ์‹œ์žฅ ๋„์„œ๊ด€์ด ์˜คํ”ˆํ•˜๋Š”๋ฐ ๋งž์ถฐ์„œ ์†กํŒŒ๊ตฌ๋ฆฝ ๊ฐ€๋ฝ๋ชฐ ๋„์„œ๊ด€์˜ ๋””์ž์ธ ์ˆ˜์ •์ด ์‚ด์ง ์žˆ์—ˆ๋‹ค. ๊ธฐ์กด์˜ ์†กํŒŒ๊ตฌ๋ฆฝ๋„์„œ๊ด€๋“ค์€ BG๊ฐ€ repeat-x๋กœ ๋ฐ˜๋ณต๋˜๊ธฐ ๋•Œ๋ฌธ์—, ๋ณ„ ์‹ ๊ฒฝ์„ ์“ฐ์ง€ ์•Š์•˜์ง€๋งŒ, ์ขŒ์šฐ๋กœ ๊ทธ๋ผ๋ฐ์ด์…˜ ๋˜๋Š” BG๊ฐ€ ๊น”๋ฆฌ๋Š” ๋””์ž์ธ์œผ๋กœ ๊ฒฐ์ •์ด ๋˜์—ˆ๋‹ค. ๋‹น์—ฐํžˆ repeat-x๋ฅผ ์“ธ ์ˆ˜๋Š” ์—†๋‹ค. #topheader{ width:100%; height:90px; z-index:999; background:url(.... 2019. 7. 22.