[Plugin: AddToAny: Share/Bookmark/Email Button] z-index

When you say AddToAny, do you mean the button or the drop-down menu?

You should be able to z-index the button without a problem, but the menu is z-indexed to the extreme to ensure that it appears over all other page elements.

I mean the drop-down menu.
What I did was to put an invisible gif file for temporary protection of my image contents, but that file covers the AddToAny as well, causing the problem. I’ve used the following for styling the gif file.

style=”z-index:1;position:absolute;”

If the plugin is z-indexed to the extreme, I’m really puzzled.
Is there way for me to change the z-index for AddToAny drop-down menu and AddToAny buttons?

The menu should definitely appear over a GIF with a z-index value of 1. Are you positive that it’s a GIF? I ask because Flash is known to interfere with the menu in some cases.

Do you have a live example you could link us to?

Here’s the example.

I stretched gif to 99% width and height.

So the menu will appear over your GIF, but the button doesn’t currently. To give the AddToAny button a higher z-index, add this line of CSS code to your theme’s main stylesheet:

.addtoany_share_save_container { position: relative; z-index: 2; }

Aha! It worked! Thank you.
Is there a reason why menu is indexed high but buttons are not? It would be cool if button index was high as default.

Thank you again!

You’re welcome. The buttons alone usually don’t need z-index except in very special cases like yours. AddToAny tends to avoid over-styling elements so as to avoid collisions and to make CSS styling easy.

I have about the same problem the menu of template twenty ten is messed up in ie windows xp. It works well in Firefox with windows 7. With these settings the menu pushes down the menu bar. If I put in
position: absolute; the menu disappears behind the pictures (of nextgen).
What can I do to make it work in both browsers and op systems?

thanks Renee

#access ul ul {
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	display: none;
	position: relative;
	top: 38px;
	left: 0;
	float: left;
	width: 180px;
	z-index: 2;

oops…not well posted, because this topic is closed. sorry