css用于显示绝对位置的div

我想在给定图像上使用z-index:99显示div'class = perspectiveHomeMenu'.

#perspective {
  display: none;
}
img {
  width: 100%;
  /*for demo*/
  height: 100px;
  /*for demo*/
}
.perspectiveContent-submenuMenu {
  display: none;
}
.perspectiveHomeContent {
  width: 65%;
  margin: 0% 5% 6%;
  background-color: rgb(241, 241, 241);
  float: left;
  padding: 0%;
}
.perspectiveHomeContent .imageAlign {
  float: left;
  width: 100%;
}
.contentHomeAlign {
  float: left;
  margin: 2% 3%;
  width: 98%;
  padding: 1%;
}
.perspectiveHomecontentImage iframe,
.perspectiveHomecontentImage img {
  width: 100% !important;
}
.contentHomeAlign .perspectiveContentHeading {
  font-size: 14pt;
  margin: 0% 0 0;
  color: rgb(106, 90, 148);
}
.perspectiveContentHeading a {
  color: rgb(106, 90, 148);
}
.contentHomeAlign p {
  font-size: 10pt;
}
.authorshomeLink {
  font-size: 11pt;
}
.perspectiveHomeMenu {
  background-color: rgb(106, 90, 148);
  /*-webkit-transform: skew(-20deg);*/
}
.perspectiveHomeMenu a {
  background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(128, 70, 168, 1) 0%, rgba(163, 36, 168, 1) 100%) repeat scroll 0 0;
  font-size: 10pt;
  padding: 1%;
  float: right;
  position: relative;
  color: #ffffff;
}

  


  

    

      

        
      
      

        Blogs
      
    
    

      
Title of the content
      
      
Test Author
      
      
sample body content.sample body content.sample body content.sample body content.sample body content.
      
Read More