css - Jquery hover_caption plugin hiding transparency, Is it the z-index -



css - Jquery hover_caption plugin hiding transparency, Is it the z-index -

i trying hover overlay black text on white transparencies on imgs in ul, think transparency hiding behind img. i'm using corey schires' hover_caption jquery plugin. here link code.

http://blooming-citadel-2598.herokuapp.com/residential/

and jquery library https://github.com/coryschires/hover-caption

(function($) { $.hover_caption = { defaults: { caption_font_size: '13px', caption_color: 'black', caption_bold: false, caption_default: "fix me" } } $.fn.extend({ hover_caption: function(config) { var config = $.extend({}, $.hover_caption.defaults, config); homecoming this.each(function() { var image = $(this); // set variable wrapper div var width = image.width(); var height = image.height(); // variables caption var caption_padding = width * .07; // dynamic margin depending on img width // set caption title attr if set var caption = image.attr('title') ? image.attr('title') : config.caption_default; // add together necessary html , css image .css({ 'z-index': '0', 'position': 'relative' }) .wrap('<div>') .parent() .css({ 'width': width, 'height': height }) .prepend('<h3>'+ caption +'</h3>') .find('h3') .addclass('hover_caption_caption') // utilize hook additional styling .css({ 'padding': caption_padding, 'color': config.caption_color, 'width': width, 'font-size': config.caption_font_size, 'position': 'absolute', 'margin': 0 }) .hide(); if (config.caption_bold) { image.css('font-weight', 'bold') }; // add together hover event toggle message image.parent().hover(function() { $(this).addclass('hover_caption').find('h3').show(); }, function() { $(this).removeclass('hover_caption').find('h3').hide(); }); }) } }) })(jquery);

he sets z-index of img -1 in jquery, had alter 0 images wouldn't hide under parents. broke everything. images nested in parent hover element div.hover_caption

div.hover_caption { background-image: url(/img/hover_image_white.gif); background-color: rgb(255,255,255, 0.8); z-index: 1000!important; float:left; }

your img tag within div logically beingness set on top of div's background. can't alter behaviour z-index. illustration add together opacity: 0.4 div.hover_caption img. that'll create image transparent background on div shows through it.

jquery css hover z-index

Comments

Post a Comment

Popular posts from this blog

web services - java.lang.NoClassDefFoundError: Could not initialize class net.sf.cglib.proxy.Enhancer -

web services - java.lang.NoClassDefFoundError: Could not initialize class net.sf.cglib.proxy.Enhancer - when trying request rest service @ time of response getting exception.. feb 21, 2013 2:34:49 pm com.sun.jersey.spi.container.containerresponse mapmappablecontainerexception severe: exception contained within mappablecontainerexception not mapped response, re-throwing http container java.lang.noclassdeffounderror: not initialize class net.sf.cglib.proxy.enhancer @ org.hibernate.proxy.pojo.cglib.cgliblazyinitializer.getproxyfactory(cgliblazyinitializer.java:117) @ org.hibernate.proxy.pojo.cglib.cglibproxyfactory.postinstantiate(cglibproxyfactory.java:43) @ org.hibernate.tuple.entity.pojoentitytuplizer.buildproxyfactory(pojoentitytuplizer.java:162) @ org.hibernate.tuple.entity.abstractentitytuplizer.<init>(abstractentitytuplizer.java:135) @ org.hibernate.tuple.entity.pojoentitytuplizer.<init>(pojoentitytuplizer.java:55) @ org.hibernate.tuple.e...
Read more

Accessing MATLAB's unicode strings from C -

Accessing MATLAB's unicode strings from C - how can access underlying unicode info of matlab strings through matlab engine or mex c interfaces? here's example. let's set unicode characters in utf-8 encoded file test.txt, read as fid=fopen('test.txt','r','l','utf-8'); s=fscanf(fid, '%s') in matlab. now if first feature('defaultcharacterset', 'utf-8') , c engevalstring(ep, "s") , output text file utf-8. proves matlab stores unicode internally. if mxarraytostring(enggetvariable(ep, "s")) , unicode2native(s, 'latin-1') give me in matlab: non-latin-1 characters replaced character code 26. need getting access underlying unicode info c string in unicode format (utf-8, utf-16, etc.), , preserving non-latin-1 characters. is possible? my platform os x, matlab r2012b. addendum: documentation explicitly states "[mxarraytostring()] supports multibyte encoded characters...
Read more

javascript - mongodb won't find my schema method in nested container -

javascript - mongodb won't find my schema method in nested container - i trying access method of schema stored within mixed container. here situation : have cases model can many different things, have schema each of these things stored in "casecontent" mixed property. var caseschema = mongoose.schema({ casecontent : {}, object : {type:string, default : "null"}, collision : {type : boolean, default : false} }); the casecontent property filled model of 1 of schemas, 1 exemple : var treeschema = new mongoose.schema({ applecount : {type : number, default : 3} }); treeschema.methods.dostuff = function (data) { console.log('hey, listen'); homecoming true; }; then, want utilize method of schema original container : caseschema.methods.dostuff = function (data) { if (this.casecontent.dostuff !== undefined) { this.casecontent.dostuff(); console.log('it worked'); } else { ...
Read more