css3 rollover causing other items to flash

I’m having trouble with the CSS3 rollover causing other items on the page to flash when the rollover item is being rolled over (namely the images, which are slightly faded out untill rolled over).
I’ve tried to change the z-index of the offending item by using the items extended dialog box, but either thats not what I need to do or I’m doing it wrong.
Any help is appreciated. Cheers
Steve

http://94.136.40.103/~cheaper-school-prospectus.co.uk/laroche/


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

On 24 Feb 2014, 1:24 pm, Steve wrote:

I’m having trouble with the CSS3 rollover causing other items on the page to flash when the rollover item is being rolled over (namely the images, which are slightly faded out untill rolled over).
I’ve tried to change the z-index of the offending item by using the items extended dialog box, but either thats not what I need to do or I’m doing it wrong.
Any help is appreciated. Cheers
Steve

http://94.136.40.103/~cheaper-school-prospectus.co.uk/laroche/

Was this ever resolved? I’ve seen this issue happen also.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

No - never got to the bottom of it. Just learned to live with it. I’m still keen to find a solution though…if anyone has one.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Oh I can’t see a fade … what do I miss here?

Cheers

Thomas


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I removed the offending rollover from that site but you can see what the problem is here: http://94.136.40.103/~cheaper-school-prospectus.co.uk/woodfield/
if you roll over the Facebook & twitter icons you can see the address below it flashes.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Crazy - I can see what happens but can’t figure out why.

The hover event on the icons are targeting other stuff as well (this is the flickering) - some inherited stuff. I’m not smart enough to tell you why.

But what I see is the reason why I never would use those actions and prefer creating those styles by hand:

vendor prefixes.

This action-set is now a couple of years old, but they never had vendor-prefixes included although by proper prefix it would have a far wider browser support than just webkit.

Maybe a fix worth (or even part of V7) - who knows?

Cheers

Thomas


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Not sure what you mean by ‘vendor prefixes’ - sorry but my understanding of CSS & HTML, etc, is very limited…I am trying to pick things up as I go along though.

Maybe FW7 will be the answer to all our prayers! I’m certainly looking forward to seeing it.

Thanks by the way for your continued input and support Thomas.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

The transform property is slightly different implemented in each browser. This looks something like:

So Firefox is following -moz, Opera -o and so on. The values for each are exactly the same.

The Freeway action just creates the -webkit prefix which will mean that only Safari and Chrome follow this transform although others could follow, but only if they are asked by prefix.

Cheers

Thomas


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Ahh…now I know what you’re refering to. Thanks Thomas.

Cheers

Steve


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Tanks, and if i would make my job even better it would be visible within the list (sorry): Vendor Prefixes · GitHub

Cheers

Thomas


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

To make a gist show up inline, all you have to do is put its link all alone on a line, with two returns before and after it. Make it it’s own “paragraph” in Markdown, in other words, and the Web formatter will do the rest.

Walter

On Jul 4, 2014, at 9:10 AM, “Thomas Kimmich” email@hidden wrote:

Tanks, and if i would make my job even better it would be visible within the list (sorry): Vendor Prefixes · GitHub

Cheers

Thomas


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Yeahhh - and then I am unsure cause the link is not displayed in the lil preview below which makes me nervous*.

Cheers

Thomas

just if it is of interest:


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Have a read of this article - Fixing Typography Inside of 2-D CSS Transforms

This may be more technical than you wished for.

david


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options