Question

所以我有一个标识的id，并且有一个徽标图像作为背景图像。我正在制作移动网页，所以其他div正在忽略它并且在它前面。

HTML

<header id="header" class="calign group">
    <a id="logo" class="png ru" href="http://www.web.ru/">Webname</a>
    <!--other divs-->
</header>

CSS

#logo.ru {
background: url("images/logo.png") no-repeat scroll left top transparent;

Answer 1

我建议jquery，CSS兄弟选择器是有限的。由于其他内容已添加到页面中，因此很容易中断。

<header id="header" class="calign group">
    <!--other divs-->
    <a id="logo" class="png ru" href="http://www.web.ru/">Webname</a>
</header>

#header div:hover~a {
/* these rules apply on hover to the a element. 
An a element that comes after this one, but not necessarily 
immediately after. In other word #logo.ru */ 
}

#logo需要将CSS定位到您想要的位置。

其他div徘徊的背景图像标志

1 个答案: