Css IE悬停/焦点/活动锚定和跨度,无javascript
目前正在尝试创建具有背景图像、悬停和活动阶段的最佳锚点。这是我现在所拥有的。它可以在除IE之外的所有浏览器中正常工作,如果我按下span键(15px左侧可以正常工作,因为它是锚点)。下面是一个例子。有什么想法吗?我想保持当前的代码,没有绝对的,没有javascript。我可以将CSS属性添加为span:active或focus,但这样无法更改锚的背景位置 以下是HTML代码:Css IE悬停/焦点/活动锚定和跨度,无javascript,css,internet-explorer,hover,focus,Css,Internet Explorer,Hover,Focus,目前正在尝试创建具有背景图像、悬停和活动阶段的最佳锚点。这是我现在所拥有的。它可以在除IE之外的所有浏览器中正常工作,如果我按下span键(15px左侧可以正常工作,因为它是锚点)。下面是一个例子。有什么想法吗?我想保持当前的代码,没有绝对的,没有javascript。我可以将CSS属性添加为span:active或focus,但这样无法更改锚的背景位置 以下是HTML代码: <a href="#" title="Lorem ipsum noster"><span>Lo
<a href="#" title="Lorem ipsum noster"><span>Lorem ipsum noster</span></a>
让我们看看您所知道的:)IE似乎不了解
处于活动状态的元素的子元素的规则。
但是,您可以将此伪类应用于将在IE>7上工作的
我正在搜索IE<8的问题^^
a {float: left; padding-left: 15px; background: url(i.png) no-repeat -285px 0; text-decoration: none; color: grey; cursor: pointer; overflow: hidden}
a span {float: left; height: 24px; line-height: 22px; padding-right: 30px; white-space: nowrap; background: url(i.png) no-repeat 100% 0; margin-right: -15px;}
a:hover {color: black}
a:active, a:focus {background-position: -285px 1px; color: red;}
a:active span, a:focus span {background-position: 100% 1px; color: red; line-height: 24px;}