Html HTAML，CSS:悬停不工作

当我在图像上悬停时，我正在尝试更改图像的不透明度：

HTML代码：

<img id="playbtn" src="images/playBtn.png" alt="" width="300" height="300">

我还尝试将HTML行放在

下，但仍然不起作用

很明显，我缺少一些基本的东西。

---

提前谢谢

不要给空格#playbtn:hover{}像这样

只要去掉

#playbtn

和

hover

之间的空格，看起来应该像

#playbtn:hover

---

删除css文件中

#playbtn

和

悬停

之间的空间

---

jsiddle:

非常感谢，伙计：）

#playbtn{
    position:absolute;
    left: 50%;
    top:50%;
    opacity: 0.7;
}
#playbtn: hover{
    position:absolute;
    left: 50%;
    top:50%;
    opacity: 0.9;
}