div+css IE 6,7,8兼容的一个实例_html/css_WEB-ITnose
Jun 24, 2016 pm 12:29 PM
===========解决ie6 与ie8的padding问题==========
一开始我一直以为ie6加了padding显示的width=width+pading 其实不是,找了资料 ie下都不会的
如果这样你就要检查的css设置
看我的:
前台代码:
原css代码
.ul_con li { line-height:170%; float:left; width:100%;_width:100%; text-align:left; font-size:13px; border-bottom:solid 1px #ececec; background-image: url('/village/content/icon/title.gif');background-repeat: no-repeat;background-position:left center; padding-left:10px;float:left; POSITION: relative;}
ie7,8下没问题,ie6下 ul表的总宽度增长了10px,界面难看死了。开始以ie6下会加上他的pading值。找了资料都说不会加的,只有firefox下才会加的。
冥思苦想后,原来我这个在ie6下 显示的宽度是 li的padding+a的width=10+100%难怪会增加。现在我把padding写在a里面 问题解决
代码如下:
.ul_con li { line-height:170%; float:left; width:100%;_width:100%; text-align:left; font-size:13px; border-bottom:solid 1px #ececec; }
.ul_con li a{background-image: url('/village/content/icon/title.gif');background-repeat: no-repeat;background-position:left center; padding-left:10px;float:left; POSITION: relative;}

인기 기사

인기 기사

뜨거운 기사 태그

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

뜨거운 주제











공식 계정 웹 페이지의 캐싱 업데이트에 어려움 : 버전 업데이트 후 사용자 경험에 영향을 미치는 이전 캐시를 피하는 방법은 무엇입니까?

HTML5 양식 유효성 검사 속성을 사용하여 사용자 입력을 유효성있게하려면 어떻게합니까?

웹 페이지의 PNG 이미지에 뇌졸중 효과를 효율적으로 추가하는 방법은 무엇입니까?

& lt; iframe & gt; 꼬리표? 보안을 사용할 때 보안 고려 사항은 무엇입니까?

iframes 사용의 보안 영향은 무엇이며 어떻게 완화 할 수 있습니까?

HTML5의 크로스 브라우저 호환성에 대한 모범 사례는 무엇입니까?

html5 & lt; time & gt; 의미 적으로 날짜와 시간을 나타내는 요소?

html5 & lt; meter & gt; 범위 내에 숫자 데이터를 표시하는 요소?
