1
FF, Chrome 및 IE7-8에서 작동하는 툴팁을 사용하고 있지만 IE6에서는 표시되지 않습니다. 이 페이지로 이동 http://www.avaline.com/ 가방/친환경 가방/R1500 및 [email protected] 비밀번호 : test02로 로그인 한 다음 "장바구니에 추가"버튼을 클릭하고 물음표 위로 마우스를 이동하여 볼 수 있습니다 (또는 보이지 않음) 툴팁. 여기IE6 CSS 툴팁이 나타나지 않습니다.
<DIV class="oewBox" id="oewImpLocDiv" style="BACKGROUND-IMAGE: url(/images/img/org4.gif)">
<A class="tooltip" href="#"><SPAN class=""><STRONG>More than 2 imprint locations?</STRONG> Test </SPAN></A>
</DIV>
<style>
/* Rule from element "style" attribute */
element.style {
BACKGROUND-IMAGE: url(/images/img/org4.gif)
}
/* Rule N°8 from inline stylesheet */
.oewBox {
PADDING-RIGHT: 8px;
PADDING-LEFT: 40px;
PADDING-BOTTOM: 16px;
MARGIN: 0px 0px 6px;
PADDING-TOP: 6px;
BORDER-BOTTOM: #ff7c14 3px solid
}
/* Rule N°7 from inline stylesheet */
.oewBox {
BACKGROUND-POSITION: 0px 0px;
BACKGROUND-IMAGE: none;
BACKGROUND-REPEAT: no-repeat
}
/* Rule N°11 from /site/av-files/mainstyles.css */
A:active {
COLOR: #3b88c4;
TEXT-DECORATION: none
}
/* Rule N°10 from /site/av-files/mainstyles.css */
A:hover {
COLOR: #000;
TEXT-DECORATION: none
}
/* Rule N°9 from /site/av-files/mainstyles.css */
A:visited {
COLOR: #3b88c4;
TEXT-DECORATION: underline
}
/* Rule N°8 from /site/av-files/mainstyles.css */
A:link {
COLOR: #3b88c4;
TEXT-DECORATION: underline
}
/* Rule N°7 from /site/av-files/mainstyles.css */
A {
COLOR: #3b88c4;
TEXT-DECORATION: underline
}
/* Rule N°52 from inline stylesheet */
A.tooltip {
BACKGROUND: url(/images/img/question.gif) no-repeat;
FLOAT: right;
WIDTH: 19px;
HEIGHT: 20px
}
/* Rule N°54 from inline stylesheet */
A.tooltip:hover SPAN {
BORDER-RIGHT: #ff7c14 1px solid;
BORDER-TOP: #ff7c14 1px solid;
DISPLAY: inline;
BACKGROUND: #ffffff;
BORDER-LEFT: #ff7c14 1px solid;
COLOR: #000;
BORDER-BOTTOM: #ff7c14 1px solid;
POSITION: absolute
}
/* Rule N°53 from inline stylesheet */
A.tooltip SPAN {
PADDING-RIGHT: 3px;
DISPLAY: none;
PADDING-LEFT: 3px;
FONT-WEIGHT: normal;
FONT-SIZE: 11px;
PADDING-BOTTOM: 2px;
MARGIN-LEFT: -245px;
WIDTH: 230px;
PADDING-TOP: 2px
}
</style>
사이드 경고 : https를 사용하여 모든 이미지를 참조하는 모든 보안 페이지 (https)를 확인하십시오. 그렇지 않으면 IE에서 해당 보안 경고를 받게됩니다. – mattbasta
트러스트 이미지를 수정해야한다고 생각합니다. 또한, IE6에서 도구 설명을 대부분 수정했지만 이제는 필자의 선택 요소가 내 최상위 레이어 인 a.tooltip : hover span 요소를 통해 파고 들었습니다. 테이블에 최상위 요소를 만들어서 이와 비슷한 문제를 수정했지만 왜 여전히 작동하는지 이해하지 못하고 차라리 테이블에 의존하지 않아도됩니다. Z- 색인 : 999 (위치 선언이 있음)를 시도했지만 실패했습니다. 이것은 우스꽝 스럽습니다. ㅎ. – Lauren
문제를 해결하기 위해 여기로 돌아갔습니다 : http://www.kollermedia.at/archive/2008/03/24/easy-css-tooltip/ 그에 따라 몇 가지 값을 조정하고 a.툴팁 : 호버 선택기. SELECT와 같은 양식 요소에 적용되는 무의미한 Z- 색인은 내가 지금 해결할 수 있어야하는 버그입니다. 실제로 그렇게하기 위해 자바 스크립트를 사용할 필요가 없었 더라면 좋겠지 만. ㅎ. 나는 iframe이나 테이블을 사용해야한다고 생각한다. (비록 내가 온라인에 언급 된 것을 보지 못하더라도 나를 위해 일한 이후) – Lauren