链接在容器上不可点击

时间:2019-05-02 14:26:40

标签: html css html5 css3 css-animations

我正在尝试使容器内的链接可点击,但不能点击。虽然,整个容器都在使用html和css制成的滑块内。 我试图添加z-index,但是那行不通,甚至尝试使用按钮而不是链接,仍然行不通。

完整代码在这里:

JSFIDDLE

HTML

              <div class="containner">
                 <h5>Join our innovative car rental system</h5>
                  <h3>Car rental company provides you with comfy vehicles 
                     and efficient service 24/7.Find out our offers and 
                     creative system that will facilitate the whole process 
                     for you.Welcome to join.
                  </h3>
                    <a href="https://www.google.com/?hl=fr">CLICK ON ME</a>
              </div>

CSS

 h5{
  display: block;
font-size: 35px;
margin-top: 20px;
color:white;
margin-left: 40px;
position: absolute;
font-size:45px;
font-family: 'TruenoRegular'; 
   font-weight: 900; 

}
h3{
    display: block;
font-size: 35px;
margin-top: 250px;
color:white;
margin-left: 40px;
position: absolute;
font-size:14px;
font-family: "SF Display"; 
   font-weight: 200; 
   line-height: 1.5;

   letter-spacing: 3px;

}
.containner{
    width:400px;
    height:500px;
    display:block;
    position:absolute;
    margin-left:150px;
    margin-top:60px;
    background-color: rgba(0,0,0,.4);
    border: 1px solid transparent;
    border-radius:6px;
    visibility: visible;

}

0 个答案:

没有答案