Html CSS过渡赢得'；不要在悬停上工作

我有一个带有图片的新闻项目，我在div上设置了一个样式。我将它设置为在悬停时减少，这可以工作，但css动画将不工作

在div类中，我添加了

  background-size: 100%;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;

在悬停中，我添加了

background-size: 110% !important;

这是一把小提琴

奇怪的是，在divs样式中设置为

style="background-size: cover; background: url('http://i.imgur.com/ppEjVyF.jpg');

---

但是封面对样式不起作用，而且除非我添加，否则图像也不会调整大小！重要的。不确定为什么这不起作用。

据我所知，转换不支持背景大小属性

---

请参见

我的一个解决方法是去掉所有背景大小属性，并使用以下命令设置：hover

.news-tile-img-post:hover {
  -ms-transform: scale(1.1); /* IE 9 */
   -webkit-transform: scale(1.1); /* Safari */
   transform: scale(1.1); /* Standard syntax */
}

---

这样一来，转换就可以正常工作，而不必使用！在css中很重要。

内联样式只能通过使用

来覆盖！重要信息

它是可设置动画的…但在使用关键字时，如

封面。