小编Bla*_*cev的帖子

正如标题所示，是否可以在 HTML（或使用特殊字符）中键入例如：2^2，以便正方形较小并放置在顶部。

有什么想法如何实现这一目标吗？

我在CSS中的opacity属性有一个奇怪的问题.所以,我想要一个悬停效果,图像应该得到透明的绿色叠加.似乎不透明度仅适用于叠加颜色(当您降低不透明度时它会变浅,但叠加下的图像不会出现).我也尝试用rgba解决问题,但没有成功.

这有点难以解释,所以这里是小提琴:http: //jsfiddle.net/4T3dc/3/

    <style>
        .col-sm-4 {
          padding-top: 20px;
        }
        .col-sm-4 .img-responsive {
          width: 350px;
          height: 350px;
          cursor: pointer;
        }
        .col-sm-4 .img-responsive#one-image {
          background: url(http://shrani.si/f/e/jm/42FHXzWF/cover.png);
        }

        .col-sm-4 .img-responsive#one-image:hover {
          background: #1abc9c;
          opacity: 0.3;
        }
</style>

<div class="row">
    <div class="col-sm-4">
        <div class="img-responsive img-rounded" id="one-image"alt="Responsive image">
        </div>
    </div>
</div>

谢谢!