반응형 티스토리/FastBoot
[버그패치] 툴팁이 오른쪽으로 밀려서 표시되는 현상 수정
Readiz
2014. 9. 24. 23:03
툴팁 버그 해결법
BLUEnLIVE님이 제보해주신 내용입니다. FastBoot은 Bootstrap을 기반으로 하고 있어서, 가끔 티스토리와 충돌하는 문제가 있었고 이걸 다 수정했다고 생각했는데 남아있었네요. 제가 생각치 못한 부분의 문제라 해결방법을 생각하는데 좀 애를 먹었는데 BLUEnLIVE님이 도와주신덕에 금방 해결할 수 있었습니다. 오늘 포스팅에서 소개하고자 하는 문제는 아래와 같습니다. 툴팁 부분의 위치에 주목해주세요.
그림에서 보실 수 있는 것처럼, 각주가 오른쪽으로 밀리는 현상이 있었습니다(숫자 위에 마우스 호버시).
문제가 되는 부분
sup {display:relative;}
위와 같이 기본 bootstrap 코드 때문에 에러가 발생하고 있습니다.
해결법
style.css에 다음과 같이 overriding합니다(한 줄 추가하시면 됩니다).
sup.footnote {display: inline-block;}
수정결과
해결된 것 같네요. ^^