About the problem of invalid image link on Douban homepage_html/css

About the problem of invalid image link on Douban homepage_html/css_WEB-ITnose

WBOY

Release： 2016-06-24 12:20:38

Original

1334 people have browsed it

Douban address http://www.douban.com/
Under IE7, clicking on the picture will not pop up the link. Clicking on the area inside the a tag outside the picture can realize the pop-up link.
I don’t know if this is a pop-up box implemented by a script or using the default behavior of the a tag. My recent project also imitated such a framework, but I found the problem and it took a long time to fix it, but it didn’t solve it. In the end, I could only pass Script implementation, but the workload of the script is much greater.
I would like to ask HTML and CSS experts if they can solve this problem

The simple code is as follows

Reply to the discussion (solution)

Douban address http://www.douban.com/
Under IE7, clicking on the picture will not pop up the link. Clicking on the area inside the a tag outside the picture can realize the pop-up link.
I don’t know if this is a pop-up box implemented by a script or using the default behavior of the a tag. My recent project also imitated such a framework, but I found the problem and it took a long time to fix it, but it didn’t solve it. In the end, I could only pass Script implementation, but the workload of the script is much greater.
I really want to ask HTML and CSS experts if they can solve this problem

The simple code is as follows...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>falied a hyberlink</title><style type="text/css">.item-link{width: 233px;height: 237px;float: left;margin: 8px 0 16px 64px;cursor: pointer;background: url(../images/photovideo_white_bg.png) no-repeat 0 0;}.item-img-contain {width: 215px;height: 160px;margin: 9px auto;overflow: hidden;}</style></head><body><div class=''>	<a class="item-link item" href="Photo.aspx">		<div class="item-img-contain">			<img class="item-img" src-bind="ThumbUrl" src="/Apps/uploads/media/081abc7150cf441881a3841de171626c_240x160.png">		</div>		<div class="item-date" data-bind="ActivityDate">2013-04-30</div>		<div class="item-title" data-bind="Name">n</div>	</a></div></body></html>

Copy after login

This section is really deserted