小编Joh*_*ith的帖子

我要做的是将工具提示颜色更改为红色.但是,我也希望有多种其他颜色,所以我不想简单地替换原始工具提示的颜色.

我该怎么做呢？

如何在不制作新的较暗图像的情况下在悬停时使背景图像变暗？

CSS:

.image {
  background: url('http://cdn1.iconfinder.com/data/icons/round-simple-social-icons/58/facebook.png');
  width: 58px;
  height: 58px;
}

JSFiddle链接:http://jsfiddle.net/qrmqM/1/

我要做的是在textarea的右下角添加一个按钮,如下所示:

但是,我不知道我是怎么做到的.请帮忙!

如何将以下元素放在同一行？我知道它与显示属性有关,但那是一个总是让我感到困惑并且似乎无法开始工作的人.

http://jsfiddle.net/MgcDU/4137/

HTML:

<div class="container">
  <div class="small-video-section">
    <div class="thumbnail-container">
      <img src="http://i2.ytimg.com/vi/yKWoPlL2B8I/mqdefault.jpg" width="220" />
    </div>
    <div class="thumbnail-container">
      <img src="http://i2.ytimg.com/vi/yKWoPlL2B8I/mqdefault.jpg" width="220" />
    </div>
    <div class="thumbnail-container">
      <img src="http://i2.ytimg.com/vi/yKWoPlL2B8I/mqdefault.jpg" width="220" />
    </div>
    <div class="thumbnail-last">
      <img src="http://i2.ytimg.com/vi/yKWoPlL2B8I/mqdefault.jpg" width="220" />
    </div>
  </div>
</div>

CSS:

.small-video-section {
  height: 134px;
}

.thumbnail-container {
  width: 220px;
  margin-top: 15px;
  margin-right: 20px;
  display: inline-block;
}

.thumbnail-last {
  width: 220px;
  margin-top: 15px;
  display: block;
}

谢谢.:)

如何将其悬停在图像上,整个图像变为黑色(图像链接必须在HTML标记中,因为尺寸和图像不同)？

这就是我所拥有的:

HTML:

<img src="http://www.floral-directory.com/flower.gif" class="image" />

CSS:

.image {
  width: 250px;
}

.image:hover {
  background: #000000;
}

我的问题是,当我将鼠标悬停在我的div上时,它不会将链接颜色更改为我想要的颜色.它只是保持默认的黑色.

我怎样才能这样做,当我将鼠标悬停在缩略图 - 投币器div上时,它会改变链接的颜色？

<div class="thumbnail-container">
    <a href="">Text Here</a>
</div>

CSS:

a {
  color: #000000;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #005580;
  text-decoration: underline;
}

.thumbnail-container {
  width: 220px;
  margin-top: 15px;
  margin-right: 20px;
  float: left;
}

.thumbnail-container:hover {
  color: #0088cc;
}

我想要组合的基本上是重新制作 YouTube 缩略图，时间戳位于缩略图右下角，如下所示：

但是，我似乎无法弄清楚如何使时间戳位于图像之上，然后正确放置它。

这是 JSFiddle： http: //jsfiddle.net/MgcDU/4162/

HTML：

<div class="container">
  <div class="small-video-section">
    <div class="thumbnail-container">
      <img src="http://i2.ytimg.com/vi/yKWoPlL2B8I/mqdefault.jpg" width="220" />
    </div>
    <div class="thumbnail-time">
      5:42
    </div>
  </div>
</div>

CSS：

.small-video-section {
  height: 134px;
}

.thumbnail-container {
  margin-top: 15px;
  margin-right: 20px;
}

.thumbnail-last {
  margin-top: 15px;
}

.thumbnail-time {
  display: inline;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #ffffff;
  background-color: #000000;
  opacity: 0.8;
  padding: 2px 4px 2px 4px;
}

请帮忙！