2013-02-27 5 views
0

시작하기 전에 JS 위치 지정으로이 작업을 수행 할 수 있습니다. JS 포지셔닝을 피할 수 있는지 알아보기 위해 노력하고 있습니다.JS를 사용하지 않고 선택한 테이블 행 바로 아래에 오버레이 표시

가까운 근사값을 볼 수 있습니다. 상단 : nnn 값을 사용하여 오버레이 위치 지정을 강제/더빙했습니다 (jsfiddle에서 약간 벗어남).

내가하고 싶은 것은 그 오버레이의 상단이 선택된 테이블 행의 맨 아래에 맞춰 지도록 설정하는 것입니다. 다시 말하지만 고정 값을 사용하여 상단을 사용하여 지금 당황했지만 CSS를 설정해야합니다.

tr.isSelected : {...} 유형의 항목 이후에 예상대로 작동하지 않았습니다.

답변

1

tr.isSelected>td:first-child을 사용해보고 속성 중 position:absolute이 포함됩니다.

요점은 무엇인지 모르겠다 ... 클래스 전환은 JavaScript로만 수행 할 수 있으므로 이미 JS를 사용하고 있다면 위치를 계산할 때 해를 끼치는 부분은 어디입니까?

+0

당신은 확실히 맞습니다. 나는이 시점에서 CSS로 할 수 있는지를 아는 것은 내게 정신 운동이라고 생각합니다. –

+0

잘 작동하지 않습니다. 주된 문제는 친척 내에서 절대적으로 중요하기 때문에 오른쪽, 왼쪽, 아래쪽에 '0'을 고려한 것입니다. 첫 번째 상대적인 부모가됩니다. 표). .part tr.isSelected> td : first-child { \t 직위 : 절대; \t 하단 : 0; \t 왼쪽 : 0; \t 오른쪽 : 0; \t background-color : red; \t 콘텐츠 : ""; } –

관련 문제