Question

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

我发现了一些关于悬停效果的好资源，例如this和this one。 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;
}

Answer 1

只需使用css伪选择器：

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

据我所知，你不能在身体上放置一个伪选择器。您应该使用类似于此的包装器：http://jsfiddle.net/wyehq/

如何在背景上执行标题悬停效果？

1 个答案: