0

我目前正在为一个网站制作背景,我想在其中添加带有文本的悬停效果。尽管我遇到了一个问题,即我的背景图像位于 css 样式表上,并且在实现悬停时遇到了一些困难。

我遇到了一些关于悬停效果的好资源,例如thisthis。github上的那个很漂亮,但是由于我对j查询不是很了解,所以我会坚持使用基本的。

这是我在 css 上的背景代码,问题是我将如何从这里实现悬停?

body {
min-width: 800px;
margin: 0px 0px 0px 0px;
border-left: 50px solid #000000;
background: #FF7F66 url('images/landscape1.jpg') no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
color: #666666;
font: 10px Verdana;
}   
4

1 回答 1

1

只需使用 css psuedo 选择器:

.wrapper:hover 
{
    /* whatever styles you want */
}

据我所知,您不能在主体上放置伪选择器。您应该只使用类似于此的包装器:http: //jsfiddle.net/wyehq/

于 2013-10-11T22:48:16.690 回答