Heim > Artikel > Web-Frontend > 关于豆瓣首页图片链接失效的问题_html/css_WEB-ITnose
关于豆瓣首页图片链接失效的问题_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 12:20:381333Durchsuche
豆瓣地址http://www.douban.com/
ie7下，点击图片不会弹出链接，点击图片外a标签内区域可以实现弹框链接。
我也不知道他这是脚本实现的弹框还是利用a标签默认行为，我最近的项目也仿照这样的框架做了一个，但发现了问题改了半天也没解决，最后只能通过脚本实现，不过脚本的工作量大多了。
很想请教下html,css达人能不能解决这个问题
简单的代码如下
回复讨论(解决方案)
豆瓣地址http://www.douban.com/
ie7下，点击图片不会弹出链接，点击图片外a标签内区域可以实现弹框链接。
我也不知道他这是脚本实现的弹框还是利用a标签默认行为，我最近的项目也仿照这样的框架做了一个，但发现了问题改了半天也没解决，最后只能通过脚本实现，不过脚本的工作量大多了。
很想请教下html,css达人能不能解决这个问题
简单的代码如下……
<!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" alt="关于豆瓣首页图片链接失效的问题_html/css_WEB-ITnose" > </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> 这个专区真的是冷清啊
Stellungnahme：
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
Vorheriger Artikel：求教如何设置圆角边框有多种颜色？_html/css_WEB-ITnoseNächster Artikel：mysql 数据库上传服务器空间_html/css_WEB-ITnose