Heim > Web-Frontend > HTML-Tutorial > ie中div的cursor与table的兼容问题

ie中div的cursor与table的兼容问题

PHP中文网
Freigeben: 2017-06-09 11:02:29
Original
1171 Leute haben es durchsucht

<html> 
 <head></head>  
 <body>  
 <p id="a" style="position: relative;"> 
 <table id="b" style="position:absolute;left: 0;top: 0;"> 
 <tr> <td>aaaaa</td><td>bbbb</td> 
 </tr> 
 </table> <p id="c" style="position:absolute;left: 0;top: 0;cursor: pointer;height:24px;width:82px;">
 </p>  
 </p>  
 </body>  
 </html>
Nach dem Login kopieren

在ie中就可以看到鼠标置于文字上hand会变成I的手势问题 在firefox,chrome就没有问题

加背景透明

<html>
<head>
</head>
<body>
<p id="a" style="position: relative;">
<table id="b" style="position:absolute;left: 0;top: 0;">
<tr><td>aaaaa</td><td>bbbb</td>
</tr>
</table>
<p id="c" style="position:absolute;left: 0;top: 0;cursor: pointer;height:24px;width:82px; background:#fff; filter:alpha(opacity=1); ">
 </p></p>
 </body>
 </html>
Nach dem Login kopieren

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage