*{margin:?0;padding:?0;}
body{position:?relative;}
#tab>input{opacity:?0;
position:?absolute;
top:?0px;
left:?0px;}
#tab?.label{overflow:?hidden;}
</style>
</head>
<body>
<div?id="tab">
<input?checked?type="radio"?name="name"?id="name1">
<input??type="radio"?name="name"?id="name2">
<input??type="radio"?name="name"?id="name3">
<input??type="radio"?name="name"?id="name4">
<div?class="label">
<label?for="name1">頁面1</label>
<label?for="name2">頁面2</label>
<label?for="name3">頁面3</label>
</div><div?class="content">
<ul>
<li>內(nèi)容1</li>
<li>內(nèi)容2</li>
<li>內(nèi)容3</li>
</ul
></div
></div
></body>如圖...
對(duì)多個(gè)復(fù)選框使用絕對(duì)定位時(shí)出現(xiàn)的問題
林不渡
2019-02-08 15:03:41