나는 항상 stakoverflow에 와서 여기에서 소중한 도움을 자주 찾습니다!
하지만 답을 찾을 수 없었기 때문에 지금은 질문이 있습니다 ...
저는 Unslider 스크립트 ( http://unslider.com/ )를 사용하고 있으며 작업에 착수했습니다 (어려웠지만 다시 여기에서 관련 질문을 검색하는 데 귀중한 도움을 받았습니다).
...하지만 IE에서 작은 위치 지정 문제가 표시됩니다 (9 개만 있지만 에뮬레이터에서도 테스트했으며 동일한 문제가 표시됨).
첫 번째 슬라이드에서 1 픽셀의 위치가 잘못되었습니다 (슬라이드 오른쪽에 다음 이미지에서 1 픽셀이 표시됨). 이것은 슬라이드가 통과 할 때 증가합니다 (슬라이드가 32 개 있습니다) ... 슬라이드 쇼가 끝날 때 위치가 잘못되면 40px 정도가됩니다 ...
다음은 테스트 URL입니다. http://coresaocubo.pt/varchotel/html/galeria.html
내 이미지의 크기는 900 x 400 픽셀이며 여기에 내가 사용중인 CSS 위치가 있습니다.
.banner {
position: relative;
width: 900px !important;
overflow: auto;
padding: 0px;
margin: 0px;
}
.banner ul {
padding: 0px;
margin: 0px;
}
.banner li {
list-style: none;
padding: 0px;
margin: 0px;
}
.banner ul li {
float:left;
padding: 0px;
margin: 0px;
min-height: 400px;
-webkit-background-size: 900px auto;
-moz-background-size: 900px auto;
-o-background-size: 900px auto;
-ms-background-size: 900px auto;
background-size: 900px auto;
이 "결함"을 제외하고는 결과에 만족하고 어딘가에서 신인 실수를 저질렀을 것 같은데, 그냥 이해할 수 없어요 ... 도와주세요?
정말 고맙습니다!
어록
IE가 백분율을 다르게 반올림하기 때문에 이런 일이 발생한다고 생각합니다. 이미지가 항상 동일한 너비 인 경우 다음 과 같이 li 요소 너비를 재정의 할 수 있습니다 .
.banner li {
width: 900px !important;
}
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다