Comments | as_massive_tool: Browser Question, The Return Of

allah_sulu in as_massive_tool

Browser Question, The Return Of

Apr 02, 2009 08:19

Do you remember how, in this post, I invented a trick for hiding one picture underneath another picture? The end result of this was that different users would see a different picture, depending upon what browser they were using. For example, Internet Explorer users (up to IE7, at least) will see the IE logo below; and most other users (Firefox, ( Read more... )

html/css, inconsistencies, browsers, windows, livejournal

Comments 15

wyrdsatyr April 2 2009, 13:04:53 UTC

in FF 3.08 on the top image I see four FF logos... on the bottom I see one FF logo and three IE logos..... strange...

allah_sulu April 2 2009, 13:11:29 UTC

Very strange, since I'm also using FF 3.08 and it all works fire for me. Any interesting add-ons in your setup? What OS are you running it under?
EDIT: Can you email me a screen capture?

wyrdsatyr April 2 2009, 13:27:16 UTC

screencap sent

wyrdsatyr April 2 2009, 13:33:25 UTC

oops, do you no longer have boog.org? the e-mail I sent bounced back

Thread 10

ihatemostthings April 2 2009, 16:32:57 UTC

i'm using firefox 3.08 and I see one firefox logo toward the top, and one toward the bottom, the rest appears blank as far as images

ihatemostthings April 2 2009, 16:33:56 UTC

then tried with IE and both previous images were IE logos. nifty :D

allah_sulu April 2 2009, 16:34:03 UTC

Those are the only two test images. Thanks.

28bytes April 8 2009, 19:40:18 UTC

Interesting! It makes me wonder if there's any way to make three layers of images. I'm guessing not, since there's not an opacity setting for table backgrounds (or is there?)

allah_sulu April 8 2009, 20:49:08 UTC

There is a way to do multiple layers of images, text, etc. on top of each other; but since it doesn't work reliably in LJ (you get different results depending on whether the code is in a comment, in a post, on your journal page, or on your friends page), I haven't really played with it much or put it into the tool. But if you'd like to see an example, copy this code into the Massive Tool (because it doesn't work in comments at all):

LAYER 1
LAYER 2
LAYER 3
That code will work in IE and in Firefox on any site (including your own web pages) that doesn't strip some or all of the CSS style codes out of the HTML you post. LJ strips some, all, or none of the style codes depending upon the context.