맛집 여행 캠핑 일상 생활

HTML/CSS LI 태그 도트이미지가 크롬과 IE가 다르게 보이는 문제 본문

HTML.CSS

HTML/CSS LI 태그 도트이미지가 크롬과 IE가 다르게 보이는 문제

영은파더♥ 2016. 11. 3. 10:58

HTML/CSS LI 태그 도트이미지가 크롬과 IE가 다르게 보이는 문제


익스플로러와 크롬브라우저가 <LI> 태그 이미지가 다르게 보인다.

그리고 크롬브라우저도 윈도우XP 와 윈도우7~10 에서 다르게 보인다.

동일하게 보이도록 이미지를 만들어서 CSS 를 적용해주자.


<style type="text/css">

ul { list-style-type:circle; }

li { list-style-image:url('/images/li_dot.png'); }

</style>



도트 이미지는 4 x 4 사이즈로 만들면 된다.


Trackback : | Comments :