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

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

and the erroneous one at

Attachments (2)

jquery-img-float.rar (42.9 KB) - added by halil July 22, 2010 04:28PM UTC.

Offline files that are refenced in the text
jquery-img-float.zip (43.2 KB) - added by halil July 22, 2010 04:31PM UTC.

Offline files that are refenced in the text

Change History (1)

resolution:	→ invalid
status:	new → closed

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.

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.

Side navigation