2013-05-03 5 views
1

부트 스트랩 입력 및 css 뒷면 표시 속성 (Chrome에서만 사용)에 문제가 있습니다.부트 스트랩 입력 추가 및 뒷면 표시

저는 두 가지보기를 원합니다. 그 중 하나는 동시에 볼 수 있습니다. 애니메이션이 현재 활성보기 위로 넘치고 '뒷면'보기가 표시됩니다. 이 방법은 정상적으로 작동하지만 어떤 이유로 부트 스트랩 입력을 한쪽에 추가 할 때보기 위로 넘길 때 숨겨지지 않습니다 (http://jsfiddle.net/AfnLc/ 참조). 나는 부트 스트랩없이 갔고 책임있는 부분을 확인했다. 나는 position: relative 줄을 제거하면

.input-append input, 
.input-prepend input, 
.input-append select, 
.input-prepend select, 
.input-append .uneditable-input, 
.input-prepend .uneditable-input { 
    position: relative; 
    margin-bottom: 0; 
    *margin-left: 0; 
    vertical-align: top; 
    -webkit-border-radius: 0 4px 4px 0; 
    -moz-border-radius: 0 4px 4px 0; 
      border-radius: 0 4px 4px 0; 
} 

, 그것은 모두 잘 작동하지만 나는 (1) 변경 부트 스트랩 그리고 (2) 응용 프로그램의 나머지 부분에 부작용이있을 수 있습니다으로이 작업을 수행하기를 꺼려 해요.

이 문제를 제대로 해결하는 방법을 알고 있거나 해결 방법이있는 사람이 있습니까? 이 문제는 Chrome과 Safari (Mac OS X)에서 모두 발생하지만 Firefox (Mac OS X)에서는 발생하지 않는 것 같습니다.

편집 : iOS Chrome 및 Safari에도 동일한 문제가 있습니다.

답변

0

로컬로 위치 속성을 position:static으로 우선 적용하여 해결 방법을 찾았습니다. 이 입력을 표로 사용하면 해를 끼치 지 않아야합니다. http://jsfiddle.net/9CHEb/1/

수정 : 변경된 위치 : 정적 위치 : 정적