html - When trying to link an image in a figure, nothing happens? -


i have image inside figure link email, when add tag, nothing happens. how fix this?

<figure>    <a href="mailto:#">      <img src="images/slides/slide2.2.png" alt="class-header-3d" width="900" height="450" class="alignnone size-large wp-image-174" />    </a>    <figcaption><strong>game submission open! click image direct link e-mail.</strong>    </figcaption>  </figure>

.css-slideshow {    position: relative;    max-width: 900px;    height: 450px;    margin: 2em auto .5em auto;  }  .css-slideshow figure {    margin: 0;    max-width: 900px;    height: 450px;    background: #000;    position: absolute;  }  .css-slideshow img {    box-shadow: 0 0 2px #666;  }  .css-slideshow figcaption {    position: absolute;    top: 0;    color: #fff;    background: rgba(0, 0, 0, .3);    font-size: 0.9em;    padding: 8px 12px;    opacity: 0;    transition: opacity .5s;    font-family: "calibri";  }  .css-slideshow:hover figure figcaption {    transition: opacity .5s;    opacity: 1;  }  .css-slideshow-attr {    max-width: 900px;    text-align: right;    font-size: .7em;    font-style: italic;    margin: 0 auto;  }  .css-slideshow-attr {    color: #666;  }  .css-slideshow figure {    opacity: 0;  }  figure:nth-child(1) {    animation: xfade 48s 42s infinite;  }  figure:nth-child(2) {    animation: xfade 48s 36s infinite;  }  figure:nth-child(3) {    animation: xfade 48s 30s infinite;  }  figure:nth-child(4) {    animation: xfade 48s 24s infinite;  }  figure:nth-child(5) {    animation: xfade 48s 18s infinite;  }  figure:nth-child(6) {    animation: xfade 48s 12s infinite;  }  figure:nth-child(7) {    animation: xfade 48s 6s infinite;  }  figure:nth-child(8) {    animation: xfade 48s 0s infinite;  }  @keyframes xfade {    0% {      opacity: 1;    }    10.5% {      opacity: 1;    }    12.5% {      opacity: 0;    }    98% {      opacity: 0;    }    100% {      opacity: 1;    }  }

it should noted figure wrapped div (div class="css-slideshow")


Comments

Post a Comment

Popular posts from this blog

android - MPAndroidChart - How to add Annotations or images to the chart -

i working latest mpandroidchart library , looking way add annotations or images clickable. example: once data reaches value event occurs want able display user - there multiple events can occur annotations (not sure if right word) or image added @ point in chart. any pointers welcome. check documentation of yaxis . focus on setspacetop(...) , setaxismaxvalue(...) methods. for background: bar-shadow , disable calling: barchart.setdrawbarshadow(false) or change color: bardataset.setbarshadowcolor(int color)
Read more

javascript - Add class to another page attribute using URL id - Jquery -

i have attached id url. ex: when click link 1 , has #tab-2 id , takes me landing page. in landing page have find element has #tab-2 id have add class .active . i tried no luck. please 1 correct code. thanks js fiddle link html <div class="menu"> <ul> <li><a href="http://jsfiddle.net/gscyoa0j/1/#tab-2">link 1</a></li> <li><a href="http://jsfiddle.net/gscyoa0j/1/#tab-44">link 2</a></li> <li><a href="http://jsfiddle.net/gscyoa0j/1/#tab-74">link 3</a></li> </ul> </div> landing page <div class="tab"> <ul> <li><a id="tab-2" class="active" >link 1 content</a></li> <li><a id="tab-44" >link 2 content</a></li> <li><a id="tab-74" >link 3 content</a></l
Read more

firefox - Where is 'webgl.osmesalib' parameter? -

i'm trying webgl running on firefox (v37.0.2) via software acceleration mesa. tried following steps have been stated in article: http://www.binarytides.com/enable-webgl-firefox-ubuntu/ however, unable find parameter named ' webgl.osmesalib ' in about:config section? has been removed (or renamed)? if yes, how should instruct firefox use mesa's software acceleration webgl? looks support osmesa removed in favour llvmpipe.
Read more