Arty
Well-known member
While customizing member card layout I've ran into a bug in XenForo JavaScript. If class .xenOverlay.memberCard does not have a background image, when showing member card XF creates invalid image behind member card:
How to reproduce it in custom style:
1. Open member_card.css, change background for .xenOverlay.memberCard to semi transparent color without image.
2. Open any user's card in browser, you'll see invalid image frame behind member card.
How to reproduce it in default style by messing with css:
1. Open any user's card in browser, inspect its background using Firebug or browser's inspector.
2. Using firebug or browser tools change css for .xenOverlay.memberCard to something like this: background: rgba(0, 0, 0, 0.5);
3. Open some other user's member card. You'll notice broken image behind it.
HTML:
<img src="non" style="border: 0px none; width: 612px; position: fixed; top: 113.1px; left: 412.5px; z-index: 9999;">
How to reproduce it in custom style:
1. Open member_card.css, change background for .xenOverlay.memberCard to semi transparent color without image.
2. Open any user's card in browser, you'll see invalid image frame behind member card.
How to reproduce it in default style by messing with css:
1. Open any user's card in browser, inspect its background using Firebug or browser's inspector.
2. Using firebug or browser tools change css for .xenOverlay.memberCard to something like this: background: rgba(0, 0, 0, 0.5);
3. Open some other user's member card. You'll notice broken image behind it.