html - Image height in safari -


i have problem image in safari. working everywhere not in safari. i've images on site on safari image's going way high.

the website development.mar-bakker.nl

<div class="col-xs-12 col-sm-4 col-md-4">                 <div class="grid wow zoomin">                     <figure class="effect-bubba">                         <img src="assets/images/item-2.jpg" class="img-responsive" alt="img01"/>                         <figcaption>                             <h2>webshop <span>pc4u</span></h2>                             <p>lily likes play crayons , pencils</p>                         </figcaption>                                </figure>                 </div>              </div>

and css this:

    figure.effect-bubba {     background: #9e5406; } figure.effect-bubba img {     opacity: 0.7;     -webkit-transition: opacity 0.35s;     transition: opacity 0.35s; }  figure.effect-bubba:hover img {     opacity: 0.4; }  figure.effect-bubba figcaption::before, figure.effect-bubba figcaption::after {     position: absolute;     top: 30px;     right: 30px;     bottom: 30px;     left: 30px;     content: '';     opacity: 0;     -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;     transition: opacity 0.35s, transform 0.35s; }  figure.effect-bubba figcaption::before {     border-top: 1px solid #fff;     border-bottom: 1px solid #fff;     -webkit-transform: scale(0,1);     transform: scale(0,1); }  figure.effect-bubba figcaption::after {     border-right: 1px solid #fff;     border-left: 1px solid #fff;     -webkit-transform: scale(1,0);     transform: scale(1,0); }  figure.effect-bubba h2 {     padding-top: 10%;     -webkit-transition: -webkit-transform 0.35s;     transition: transform 0.35s;     -webkit-transform: translate3d(0,-20px,0);     transform: translate3d(0,-20px,0);     color: #fff; }  figure.effect-bubba p {     padding: 20px 2.5em;     opacity: 0;     -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;     transition: opacity 0.35s, transform 0.35s;     -webkit-transform: translate3d(0,20px,0);     transform: translate3d(0,20px,0); }  figure.effect-bubba:hover figcaption::before, figure.effect-bubba:hover figcaption::after {     opacity: 1;     -webkit-transform: scale(1);     transform: scale(1); }  figure.effect-bubba:hover h2, figure.effect-bubba:hover p {     opacity: 1;     -webkit-transform: translate3d(0,0,0);     transform: translate3d(0,0,0); }

can me.

i found error! diffent css element

   .grid figure figcaption, .grid figure figcaption > { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

Comments

Post a Comment

Popular posts from this blog

IF statement in MySQL trigger -

this query code in mysql trigger. if 1=2 select 'yes'; else select 'no'; end if; but has following error: if '1'='2' select 'yes' error code: 1064. have error in sql syntax; check manual corresponds mysql server version right syntax use near 'if '1'='2' select 'yes'' @ line 1 0.000 sec what solution?
Read more

c++ - What does MSC in "// appease MSC" comments mean? -

i run across // appease msc in c++ comments, e.g. here : const int& array::operator[](int offset) const { int mysize = getitssize(); if (offset >= 0 && offset < getitssize()) return ptype[offset]; throw xboundary(); return ptype[offset]; // appease msc! } what msc stand ? the author means microsoft's compiler, more formally known msvc.
Read more

javascript - Blogger related post gadget image Resize s72-c [ Need Expert Help ] -

i run blogger blog , use follow code javascript code (requires no jquery) show related post labels/categories of post. <script type='text/javascript'> var defaultnoimage=&quot;http://1.bp.blogspot.com/-m72rpguntq0/vuokijudn_i/aaaaaaaaboi/lq18sceunsg/w72/favicon-tik.png&quot;; var maxresults=16; var splittercolor=&quot;#d4eaf2&quot;; var relatedpoststitle=&quot;related posts&quot;; </script> <script type='text/javascript'>//<![cdata[ var relatedtitles = new array(); var relatedtitlesnum = 0; var relatedurls = new array(); var thumburl = new array(); function related_results_labels_thumbs(json) { (var = 0; < json.feed.entry.length; i++) { var entry = json.feed.entry[i]; relatedtitles[relatedtitlesnum] = entry.title.$t; try { thumburl[relatedtitlesnum] = entry.media$thumbnail.url } catch (error) {...
Read more