Community Learn Tools Library Leisure

English

Home > Web Front-end > HTML Tutorial > Compatibility problem between cursor and table of div in IE

Compatibility problem between cursor and table of div in IE

PHP中文网

Release： 2017-06-09 11:02:29

Original

1166 people have browsed it

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

Copy after login

In IE, you can see that when the mouse is placed on the text, the hand will turn into an I gesture. In Firefox and Chrome, there is no problem.

Add transparent background

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

Copy after login

Related labels：

ie，div，cursor，table

source：php.cn

Previous article：Position problem of div in html_html/css_WEB-ITnose Next article：The thickbox pop-up layer contains iframe, and the mobile browser is abnormal_html/css_WEB-ITnose

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn