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

It14

โœˆ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.
- interezen ipinside agent ์„ค์น˜์™€ ์‚ญ์ œ / I3GManager.exe Non-p agent ์œˆ๋„์šฐ์ฆˆ10์ด ์ถœ์‹œ๋œ ์ง€ ๋ช‡ ๋…„์ด ์ง€๋‚ฌ์–ด๋„, ์—ฌ์ „ํžˆ ์šฐ๋ฆฌ๋Š” IE๋ฅผ ์‚ฌ์šฉํ•ด์•ผ๋งŒ ํ•˜๋Š” ํ™˜๊ฒฝ์— ๋†“์—ฌ ์žˆ๋‹ค. IE๋ฅผ ์“ฐ๋Š” ํ•œ ํ™ˆํƒ์Šค, ๋ฏผ์›๋ฐœ๊ธ‰, ์ „์ž์„ธ๊ธˆ๊ณ„์‚ฐ์„œ๋ฅผ ์›น๋ธŒ๋ผ์šฐ์ €๋กœ ์ถœ๋ ฅํ•˜๊ธฐ ์œ„ํ•ด์„œ๋Š” ์—ฌ์ „ํžˆ Active X ๊ธฐ๋ฐ˜์˜ ํ”„๋กœ๊ทธ๋žจ์„ ์„ค์น˜ํ•˜๊ณ  ์จ์•ผ ํ•œ๋‹ค. ์ด๋Ÿฐ ํ”„๋กœ๊ทธ๋žจ๋“ค์„ ๊ฐ•๋ฐ•์ ์œผ๋กœ ์ง€์šฐ๋ ค๋Š” ์‚ฌ๋žŒ๋“ค๋„ ์žˆ๋Š”๋ฐ, ๋งŽ์€ ์‚ฌ๋žŒ๋“ค์ด ๊ถ๊ธˆํ•ดํ•˜๋Š” ํ”„๋กœ๊ทธ๋žจ ์ค‘์—์„œ ipinside agent์— ๋Œ€ํ•ด ์•Œ์•„๋ณด๊ณ ์ž ํ•œ๋‹ค. ipinside๋Š” ๋‹คํ–‰์Šค๋Ÿฝ๊ฒŒ๋„(?) ์•กํ‹ฐ๋ธŒ์—‘์Šค๋Š” ์•„๋‹ˆ๋‹ค. ๋ชจ๋“  ๋ธŒ๋ผ์šฐ์ €์—์„œ ์ง€์›ํ•˜๋Š” ํ”„๋กœ๊ทธ๋žจ์ด๋‹ค. ์ผ๋‹จ ๊ฐ€์žฅ ๋งŽ์ด ๊ถ๊ธˆํ•ดํ•˜๋Š” ๊ฒƒ์ด ๋ฐ”๋กœ ipinside๋ฅผ ์‚ญ์ œ ํ•ด๋„ ๋˜๋Š” ๊ฒƒ์ธ๊ฐ€์ธ๋ฐ ๋ฏผ์›๋ฐœ๊ธ‰์ด๋‚˜ ์ „์ž์„ธ๊ธˆ๊ณ„์‚ฐ์„œ ์ถœ๋ ฅ์ด ์žฆ์€ ์‚ฌ๋žŒ์ด๋ผ๋ฉด ipinside๋ฅผ ์‚ญ์ œํ•œ๋‹ค ํ•œ๋“ค ์–ด์ฐจํ”ผ ๋˜ ์„ค์น˜ํ•ด์•ผ ํ•˜๋ฏ€๋กœ ์‹ ์ค‘ํ•˜๊ฒŒ ์ƒ๊ฐํ•  ํ•„์š”๋Š” ์žˆ๋‹ค.. 2019. 7. 13.
jQuery selectorํ•จ์ˆ˜ slice() - start, end ๊นŒ์ง€ index ์š”์†Œ ์„ ํƒ between ๐Ÿ“ŒjQuery selectorํ•จ์ˆ˜ slice() - start, end ๊นŒ์ง€ index ์š”์†Œ ์„ ํƒ between 1๋ฒˆ๋ถ€ํ„ฐ 10๋ฒˆ๊นŒ์ง€ ํ˜•์ œ ์š”์†Œ๋“ค์ด ์žˆ์„ ๋•Œ ์ด ์ค‘์—์„œ 2๋ฒˆ๋ถ€ํ„ฐ 5๋ฒˆ๊นŒ์ง€๋งŒ ์„ ํƒํ•ด์„œ jquery๋กœ ๋™์ž‘์„ ์‹œํ‚ค๊ณ  ์‹ถ์„ ๋•Œ๊ฐ€ ์žˆ๋‹ค. ์ด๋Ÿด ๋•Œ ์‚ฌ์šฉํ•˜๋Š” ํ•จ์ˆ˜๊ฐ€ ๋ฐ”๋กœ jquery slice()ํ•จ์ˆ˜๋‹ค. ์‚ฌ์šฉ๋ฐฉ๋ฒ•์€ ๋‹ค์Œ๊ณผ ๊ฐ™๋‹ค. $('selector').slice(2,5).addClass('newClass'); ์ด์™€ ๊ฐ™์ด ์‹คํ–‰ํ•˜๋ฉด, ์„ ํƒ๋œ ์š”์†Œ๋“ค์—์„œ eq(2),eq(3),eq(4),eq(5) ๊ฐ€ ์„ ํƒ๋˜์–ด์„œ addClassํ•จ์ˆ˜์— ์˜ํ•ด 'newClass'๋ผ๋Š” ํด๋ž˜์Šค๋ช…์ด ๋ถ€์—ฌ๋œ๋‹ค. 2019. 6. 24.
๐Ÿ“Œ CSS ๋ง์ค„์ž„ : text-overflow:ellipsis; white-space:nowrap; overflow:hidden; ๊ธ€์ž๋ฅด๊ธฐ width:auto. ์ œ๋ชฉ์ด ๊ธธ ๊ฒฝ์šฐ ...๋กœ ํ‘œ์‹œ ๊ฒŒ์‹œํŒ์„ ๊ฐœ๋ฐœํ•  ๋•Œ ๊ท€์ฐฎ์€ ์ž‘์—…์ค‘์˜ ํ•˜๋‚˜๊ฐ€ ์ œ๋ชฉ์„ ๋ฆฌ์ŠคํŠธ ํญ์— ๋งž์ถฐ์„œ ๋ง์„ ์ค„์ด๋Š” ๊ฒƒ์ด๋‹ค. ์„œ๋ฒ„ ๋‹จ์—์„œ ๋ฏธ๋ฆฌ ๊ธธ์ด๋ฅผ ๊ณ„์‚ฐํ•ด์„œ ์ถœ๋ ฅํ•  ์ˆ˜๋„ ์žˆ์ง€๋งŒ, ์‚ฌ์ดํŠธ ํŠน์„ฑ์ƒ ๊ฒŒ์‹œํŒ์˜ ์ข…๋ฅ˜๊ฐ€ ๋‹ค์–‘ํ•˜๋‹ค๊ฑฐ๋‚˜ ํ•˜๋ฉด, ์€๊ทผํžˆ ๊ท€์ฐฎ์€ ์••๋ฐ•์œผ๋กœ ๋‹ค๊ฐ€์˜ค๊ฒŒ ๋œ๋‹ค. ์ด๋Ÿด๋•Œ ์œ ์šฉํ•œ ๊ฒƒ์ดtext-overflow:ellipsis; white-space:nowrap; overflow:hidden; ์กฐํ•ฉ์ด๋‹ค. ์ด๊ฑธ ์“ฐ๋ฉด ๊ธˆํ˜ธ๋ฆฌ์กฐํŠธ 1์›” ํ–‰์‚ฌ ์•ˆ๋‚ด - ์ถ”๊ฐ€ํ• ์ธ ํ˜œํƒ๊ธˆํ˜ธ๋ฆฌ์กฐํŠธ 1์›” ํ–‰์‚ฌ ์•ˆ๋‚ด -์ถ”๊ฐ€ํ• ์ธ ํ˜œํƒ๊ธˆํ˜ธ๋ฆฌ์กฐํŠธ 1์›” ํ–‰์‚ฌ ์•ˆ๋‚ด - ์ถ”๊ฐ€ํ• ์ธ ํ˜œํƒ๊ธˆํ˜ธ๋ฆฌ์กฐํŠธ 1์›” ํ–‰์‚ฌ ์•ˆ๋‚ด - ์ถ”๊ฐ€ํ• ์ธ ํ˜œํƒ ์ด๋ ‡๋˜ ๋…€์„์ด ์ด๋ ‡๊ฒŒ ๋ฐ”๋€๋‹ค. ์†Œ์Šค์—์„œ ๋ณผ๋“œ์ฒ˜๋ฆฌ ํ•ด๋‘” ๋ถ€๋ถ„์ด ์ค‘์š”ํ•œ ๋ถ€๋ถ„์ธ๋ฐ, vf_360์„ id๋กœ ์Šคํƒ€์ผ์„ ์ ์šฉํ•˜๊ฒŒ ํ–ˆ๊ณ , width:auto; ์†์„ฑ์„ ๋ถ€.. 2019. 6. 22.
๐Ÿ“Œ ๋ฐ์Šคํฌํƒ‘ ํด๋” ์•„์ด์ฝ˜ ๋ณ€๊ฒฝํ•˜๋Š” ๋ฐฉ๋ฒ• / icon ๋ฐ”๊พธ๊ธฐ ๋ฐ์Šคํฌํƒ‘ ํด๋” ์•„์ด์ฝ˜ ๋ณ€๊ฒฝํ•˜๋Š” ๋ฐฉ๋ฒ• / icon ๋ฐ”๊พธ๊ธฐ ์™ธ์žฅํ•˜๋“œ์˜ ์•„์ด์ฝ˜์„ ๋ณ€๊ฒฝํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ํฌ์ŠคํŒ… ํ•˜๋‹ค ๋ณด๋‹ˆ ๋‚ด์นœ๊น€์— ํด๋” ๋ณ„๋กœ ์•„์ด์ฝ˜์„ ๋ณ€๊ฒฝํ•˜๋Š” ๋ฐฉ๋ฒ•๋„ ์˜ฌ๋ ค์•ผ๊ฒ ๋‹ค ์ƒ๊ฐ๋˜์–ด์„œ ํฌ์ŠคํŒ…ํ•ด ๋ณธ๋‹ค. ์ด๊ฑด ํ›จ์”ฌ ๋” ์‰ฝ๋‹ค. ์›๋ž˜ ์œˆ๋„์šฐ์—์„œ ์ œ๊ณตํ•˜๋Š” ๊ธฐ๋Šฅ์ด๋‹ˆ๊นŒ ๋ฉ”๋‰ด์— ์žˆ๋Š” ๊ธฐ๋Šฅ์ด๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค. ์‹ฌ์ง€์–ด ๊ธฐ๋ณธ์ ์ธ ์•„์ด์ฝ˜๋“ค๋„ ์ œ๊ณต๋œ๋‹ค. ํ•˜์ง€๋งŒ ๋ณธ์ธ๋งŒ์˜ ๋…ํŠนํ•œ ์•„์ด์ฝ˜์„ ๋„ฃ๊ณ  ์‹ถ๋‹ค๋ฉด ๋‹น์—ฐํžˆ ์•„์ด์ฝ˜ ํŒŒ์ผ๋ถ€ํ„ฐ ๋งŒ๋“ค์–ด์•ผ ํ•  ๊ฒƒ์ด๋‹ค. ์•„์ด์ฝ˜ ํŒŒ์ผ ๋งŒ๋“œ๋Š” ๋ฐฉ๋ฒ•์€ ๋‹ค์Œ์˜ ๋งํฌ์—์„œ ์ฐธ์กฐํ•˜๋„๋ก ํ•˜์ž. ์ผ๋‹จ icoํŒŒ์ผ์ด ์ค€๋น„๋˜์—ˆ๋‹ค๋ฉด, ์•„์ด์ฝ˜ ๋ณ€๊ฒฝ์„ ์›ํ•˜๋Š” ํด๋”์—์„œ ๋งˆ์šฐ์Šค ์˜ค๋ฅธ์ชฝ ๋ฒ„ํŠผ์„ ํด๋ฆญํ•ด์„œ ์†์„ฑ์„ ์—ด๊ณ , "์‚ฌ์šฉ์ž์ง€์ •"ํƒญ์„ ์—ด๋ฉด "์•„์ด์ฝ˜๋ณ€๊ฒฝ"๋ฉ”๋‰ด๊ฐ€ ๋ณด์ธ๋‹ค. ํด๋ฆญํ•ด์„œ ์•„์ด์ฝ˜ ํŒŒ์ผ์„ ์ฐพ์•„์„œ ์ ์šฉํ•ด์ฃผ๋ฉด ๋! ์ดํ•ด๊ฐ€ ์•ˆ ๋˜๋Š” ์‚ฌ๋žŒ๋“ค์„ ์œ„ํ•ด์„œ ๋™์˜์ƒ.. 2019. 6. 21.