Web page-browser compatibility issues

1: Empty a tag cannot be clicked under Ie7/8 (2015-05-22)

HTML code:

<ul class= ' Oul ' >
<li><a href= "#" > </a></li>
<li><a href= "#" > </a></li>
<li><a href= "#" > </a></li>
</ul>

CSS styles:. Oul li A{width:60px;height:60px;display:block;cursor:pointer;}

Problem Description: Under IE8 and IE7, the mouse hover on <a> without any reaction, there is no <a> hand pattern, more can not click.

Solution: Give a tag a random background color or background image, and then set the transparency of a label to 0, the use of filters in IE to make the background color is not displayed!

. Oul Li A{width:60px;height:60px;display:block;cursor:pointer; Background: #fff; Opacity:0;filter:alpha (opacity=0);}

Web page-browser compatibility issues