CSS3 PIE Forums

Issue with visability: hidden
Page 1 of 1

Author:  DuKiNssoN [ Sun May 26, 2013 6:47 pm ]
Post subject:  Issue with visability: hidden

Hello everyone, especially Jason!

I have found that PIE is not working for me with my element wich have "visability: hidden" by default. On mouse over on <td> this element changes property to visible. I've done so to make some kind of tooltip for images in shop catalog (see attachment). So... when i deleting "visability: hidden" PIE is working right! Here is my code and css:

   <td class="item_name">
                              <div style="position: relative;"><span><img itemprop="image" class="item_img" border="0" src="link_to_the_image" width="180"></span></div>

.item_name span {
       visibility: hidden;   
       position: absolute;       
       display: block;
       z-index: 500;
       left: -344px;
       margin-top: -31px;       
       border: 1px solid #fff;
       border-radius: 5px;
       background: #fff;
       box-shadow: 0 0 14px -1px #000;
       behavior: url(/PIE.htc);

.item_name:hover span {
       visibility: visible;

And I have found interesting thing: sometimes when I scrolling the page and moving mouse over it there are appeares box with shadow and radius borders on the page =) (see attachment). I don't know what is it...

I need help with that all.

P.S. I'm using IETester for tests in IE 8 mode.
P.P.S. Sorry for bad English, hope you are understood me.

File comment: In IE sometimes when scrolling the page
in ie when scrolling.JPG [89.23 KiB]
Not downloaded yet
File comment: It looks so in Chrome (1)
In chrome (1).png [161.48 KiB]
Not downloaded yet
File comment: It looks so in Chrome
In chrome.png [133.22 KiB]
Not downloaded yet

Author:  DuKiNssoN [ Sat Jun 01, 2013 12:19 pm ]
Post subject:  Re: Issue with visability: hidden

Somebody is here?

Page 1 of 1 All times are UTC - 7 hours [ DST ]
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group