Floating an image (<img>) kills its :visible selector

[halil]

If we give an image float property in CSS like

#our-img { float: left; }

then

$("#our-img:visible")

returns nothing.

See the attachment or you can view the ok one at

​http://demo.nette.com.tr/jquery-img-float/ok.html

and the erroneous one at

​http://demo.nette.com.tr/jquery-img-float/error.html

[halil]

Offline files that are refenced in the text

[halil]

Offline files that are refenced in the text

[dmethvin]

jQuery defines an element to be visible if the offsetWidth (css_width + padding_width + border_width) and offsetHeight is not 0.

If a container has only floated elements and no padding/border, it will have zero width/height. ​http://www.quirksmode.org/css/clearing.html

Your selector is on the img container, $(".ubResUst a:visible") so it's running afoul of that rule. Try one of the approaches mentioned in that article, or perhaps add some border/padding to the link element.