Maison  >  Article  >  interface Web  >  ie中div的cursor与table的兼容问题

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

PHP中文网
PHP中文网original
2017-06-09 11:02:291134parcourir

<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>

在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>
Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn