更改背景位置和图像淡入淡出

Question

我想在同一时间更改背景位置和前面的img。

我有一个糟糕的解决方案使用第二个div并用填充为中心。但当我将鼠标悬停在第一个div的填充上时，图片不会改变图片。

#contentright {
height: 58px;
width: 256px;
overflow:hidden;}

我做了一个小提琴，举例说明了我的情景。 JSFIDDLE

任何解决方案我如何解决这个问题？格雷茨

Answer 1

check in fiddle

    .logo {
      width: 100%;
      height: 100%;
      background:url(http://s1.directupload.net/images/140101/hy2cqqkj.png) 0 0 no-repeat;
      background-position: center center;
   }

在徽标类

中