jquery에 의해 모방된(ie6/7과 호환 가능)_jquery의 제목 속성
- WBOY원래의
- 2016-05-16 17:43:201056검색
jQuery를 사용하여 title 속성을 모방한 예입니다. 테스트 중 IE6, 7에서 레이어 혼동이 있었는데 드디어 해결되었습니다.
html 코드는 다음과 같습니다:
코드 복사 코드는 다음과 같습니다.
- UI 디자이너 ;/a>
부서: 기술부
근무지: 정저우채용 인원: 21
- ;/a>
부서: 기술부
근무지: 정저우 < ;p>채용 인원: 21- /a>
부서: 기술부
근무지: 정저우 ;p>채용자 수: 21
- R&D 개발 엔지니어 ;
부서: 기술부
직장: 정저우
모집 인원: 21
UI 디자이너
부서: 기술부
근무지: 정저우
모집 인원 : 21
- 프론트엔드 개발 엔지니어
부서: 기술부
근무지: 정저우
채용 인원 : 21- 운영 및 유지보수 엔지니어
부서: 기술부
직장: 정저우
채용 인원: 21
- R&D 엔지니어 ="show">
부서: 기술부
근무지: 정저우 모집 인원: 21명
- UI 디자이너 ">
부서: 기술부
근무지: 정저우< /p>
모집 인원: 21
- 프론트엔드 개발 엔지니어 ">
부서: 기술부
근무지: 정저우< ;/p>
모집 인원: 21
- ;/a>
-
부서: 기술부
근무지: 정저우 모집 인원: 21 🎜> - R&D 개발 엔지니어
부서: 기술부
근무지: 정저우 모집 인원: 21
< /div>
CSS 코드는 다음과 같습니다
코드 복사
코드는 다음과 같습니다.
* {
여백:0;
패딩:0
}
body {
font-size:12px;
너비:600px;
여백:100px 자동;
}
.clearfix:after, .clearfix:before {
display:table;
}
.clearfix:after {
clear:both;
overflow: 숨겨진;
}
.clearfix {
zoom: 1
}
.list
position:relative; //포지셔닝의 상위 요소로 li를 상위 요소로 직접 사용하며, 요소 내용이 겹칩니다.
}
.list li {
list-style:none ;
너비: 100px;
줄 높이: 24px;
float:left; a {
텍스트 -장식:없음;
display:block;
}
.show {
위치:절대
폭:100px;
배경:# FFFFE1;
테두리:1px #ffcc01;
여백:6px;
z-index:5; //상단 교체
margin-left:60px; //왼쪽 교체
}
.show p {
height:18px
line-height:18px; >.list li a: hover {
text-꾸밈:underline;
color:#FF0000;
}
jQuery 코드는 다음과 같습니다
:
코드 복사
코드는 다음과 같습니다.
미리보기 효과
;
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.