2017-04-26 73 views
-2

我试图使背景图像透明,我知道我可以通过在CSS添加不透明度:后。但似乎我的代码编辑脚本或CSS有问题,我不知道为什么。CSS:不工作后

我想检查我的代码有什么问题。我期待看到红色的背景与此代码,但我看不到任何红色

<head> 
<style type="text/css"> #chattingBox:after { background-color: red !important;}</style> 
</head> 
<body> 
<div id="chattingBox" style="overflow: scroll; height: 150px; border: 1px solid black; background: url("/images/large/5.png") center center/100px no-repeat;"></div> 
</body> 

我可以看到红色时,我写CSS为“#chattingBox {背景......”(无:之后)所以我猜这是关于:之后的问题,但我没有任何想法来解决这个问题。

如果:问题解决后,我也可以设置不透明度,有人知道为什么:以后不工作?

回答

4

这是因为您的:after伪元素为空。如果你添加一些内容如:

#chattingBox:after { 
    content: "\A0"; 
    background-color: red !important; 
} 

然后你会看到一些东西。该\A0是不断裂空间(相当于THTML &nbsp;的代码,但任何内容都行。

一般来说,:after:before是不完整某种content

+0

谢谢!问题解决了 – HyeonWoo

+0

@ HyeonWoo不客气!你愿意接受这个答案吗?(选择答案左侧的勾号)。 – Manngo