Html 不透明度未按预期工作

我试图在一个div上设置不透明度，但它没有按预期工作

HTML

加入我们，从这里开始，去各个地方。
在这里注册，创建您的帐户，我们将跟进您以完成您的个人资料。你会

有权使用我们的工具，并有望收到一些

沿途免费赠品，欢迎光临

或

添加文本。

&

加入我们，从这里开始，去各个地方。

或

从这里开始加入我们，去各个地方。

你也可以做外部css文件

---

您期望如何？类似这样的情况--不透明度从0到1运行<代码>不透明度：2无效更改值，我看不出有什么区别。

<div class="col-lg-offset-4 col-lg-3 col-md-6 col-sm-12 col-xs-12  haveaccount" style="opacity: 2;text-align: center;" >
  <h2>JOIN US AT START HERE, GO PLACES.</h2>
  <p>Sign up here, create your account, and we'll follow up with you to complete your profile. You'll 
  <br> have access to our tools  and can expect to receive some
  <br> freebies along the way, Welcome!</p>  

div {
    opacity: 0.5;
}

<div style="background-color:rgba(0, 0, 0, 0.5);">
   <div>
      Text added.
   </div>
</div>

<div style="opacity: 2"; >

<h2 style="opacity:0.2">JOIN US AT START HERE, GO PLACES.</h2>