On Jan 22, 2015, at 10:38 AM, Tom Livingston wrote:
> On Thu Jan 22 2015 at 11:02:52 AM Chris Rockwell
> wrote:
>
>> Here is an old article on z-index which may provide some insight:
>> http://yagudaev.com/posts/getting-reliable-z-index-cross-browser/
>>
>> Specifically:
>>
>> *Another proble
It appears that the addition of this:
-webkit-transform: translate3d(0,0,0);
fixes the Safari issue.
That fix was mentioned in one of the StackOverflow threads I saw while
looking into this. Odd that adding z-index didn't work as it did on my
end, as well as removing `position:relative`. Oh wel
On Thu Jan 22 2015 at 11:38:00 AM Tom Livingston wrote:
> On Thu Jan 22 2015 at 11:02:52 AM Chris Rockwell
> wrote:
>
>> Here is an old article on z-index which may provide some insight:
>> http://yagudaev.com/posts/getting-reliable-z-index-cross-browser/
>>
>> Specifically:
>>
>> *Another probl
On Thu Jan 22 2015 at 11:02:52 AM Chris Rockwell
wrote:
> Here is an old article on z-index which may provide some insight:
> http://yagudaev.com/posts/getting-reliable-z-index-cross-browser/
>
> Specifically:
>
> *Another problem is that if the element has no z-index, but its container
> does, t
Here is an old article on z-index which may provide some insight:
http://yagudaev.com/posts/getting-reliable-z-index-cross-browser/
Specifically:
*Another problem is that if the element has no z-index, but its container
does, the z-index returned would be auto in all browsers other than IE7,
whic
I think if you add a z-index to everything that is position:relative it
will solve the issue (.circle-button, .plant-it). It doesn't appear that
those need position:relative anyway.
I'm not sure why this is happening, but there seems to be a lot of threads
in google about safari z-index issues.
Tom Livingston wrote:
With respect, the code that the validator doesn't like or understand is
necessary and the issue isn't showing up on other pages of the site with
the same stylesheet.
Fair enough. But I personally make it a rule never to investigate the
mis-behaviour of a page that fai
On Thu Jan 22 2015 at 9:51:14 AM Philip Taylor wrote:
>
>
> Tom Livingston wrote:
> > OK. I managed to recreate the issue on a sample page:
> > http://proof.mlinc.com/tl/cssd/
> >
> > There are 55 known validation errors which are related to 3rd party code
> as
> > well as M$ gradient filter code
Tom Livingston wrote:
OK. I managed to recreate the issue on a sample page:
http://proof.mlinc.com/tl/cssd/
There are 55 known validation errors which are related to 3rd party code as
well as M$ gradient filter code. I can live with them unless they are
actually causing my issue.
So why not
OK. I managed to recreate the issue on a sample page:
http://proof.mlinc.com/tl/cssd/
There are 55 known validation errors which are related to 3rd party code as
well as M$ gradient filter code. I can live with them unless they are
actually causing my issue.
The issue appears in Mac Safari Versio
I will try to see if I can create something to post that will recreate the
issue.
.wrap is relative positioning.
Chris, it does work but I think it looks great! ;-)
On Wed Jan 21 2015 at 11:00:52 PM Chris Rockwell
wrote:
> This is pretty ugly, but it works on Safari MAC :
> http://codepen.io/c
This is pretty ugly, but it works on Safari MAC :
http://codepen.io/chrisrockwell/full/MYmdbo/
Chris Rockwell
On Wed, Jan 21, 2015 at 5:53 PM, Tom Livingston wrote:
> Unfortunately, I still can't post a link for this. Hopefully someone
> smarter than me can help me based on the following info.
Curious, but what is the css for "wrap" ?
if it is absolute positioning or relative?
That would make a difference on its children.
Sry, reaching blind here.
Best,
Karl
Karl DeSaulniers
Design Drumm
http://designdrumm.com
On Jan 21, 2015, at 4:53 PM, Tom Livingston wrote:
> Unfortunately, I
Unfortunately, I still can't post a link for this. Hopefully someone
smarter than me can help me based on the following info. I'm still stumped
on this. The problem only appears in latest Safari.
Given this structure and style:
@media only screen and (min-width:960px){
.topper{position:fixed
14 matches
Mail list logo
