栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

内部没有触发IE 8中的:active状态

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

内部没有触发IE 8中的:active状态

正确,非常复杂的解决方案(并且仍然不完善),但是:如果您不将链接文本包装在中

<span>
,而只是将
<span>
用作放置背景图片并将其绝对定位在中的位置
<a>
,则
<span>
(大多数情况下)停止阻止
:active
状态。

的HTML

<a  href="#"><span></span>link</a>

CSS

<style type="text/css">a.button {    position: relative;    padding: 10px;    color: #c00;}a.button:active {    color: #009;    font-weight: bold;}a.button span {    position: absolute;    top: 50%;    left: 3px;    margin-top: -2px;    border: solid 2px #000;}</style>

当然,

<span>
覆盖的区域仍会捕获click事件,因此,当用户在此处单击时,他们将看不到
:active
状态。与以前的情况相比略有改善。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/420933.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号