[英]CSS selector :active not working on child element click in IE8
我有以下HTML結構:
<div id="ctr__Wrapper" class="wrapper">
<div id="ctr" class="control clickable">
<img src="logo.png">
</div>
</div>
以下CSS為此:
.control
{
border: 1px solid #000;
background-color: #666;
padding: 20px;
}
.control:active
{
background-color: #bbb;
}
當我點擊元素“ctr”時,我看到背景顏色在變化,但是當我點擊圖像本身時,卻沒有。 這適用於Firefox,但不適用於IE8。 我有什么辦法可以在CSS中解決這個問題。
這里可以看到工作示例: http : //jsfiddle.net/miljenko/DNMPd/
您可以使用背景圖像而不是真實圖像。
HTML:
<div id="ctr__Wrapper" class="wrapper">
<div id="ctr" class="control clickable">
</div>
</div>
CSS:
.control
{
border: 1px solid #000;
background-color: #666;
height: 40+height-of-logopx;
background-image:url(logo.png); background-repeat:no-repeat;
background-position:20px 20px;
}
.control:active
{
background-color: #bbb;
}
因為<ie9不支持:激活除錨元素以外的任何東西。 這是你的小提琴,應該在ie8 http://jsfiddle.net/jalbertbowdenii/DNMPd/12/
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.