Opacity removal, after x seconds?

Skaatar / 2013-08-08 13:15:01   

Hi again.

My site: skatar.com

I am almost finished, but one thing irritates me:
When browsing my website with a tablet, the hover:opacity 0.85 remains after clicking images.

One has to click somewhere else to disable the transparency of the image which is something that few will notice I'm afraid.

Is there a way to go around this?

arsondpi / 2013-08-08 14:43:20   

you currently have:

  1. a:hover { text-decoration: underline; opacity:0.85; }

add this as well to override the previous

  1. .picture a { text-decoration: none; opacity: 1; }
Skaatar / 2013-08-10 13:11:29   

Thanks, works. But, - the hovering opacity on images is gone now.
Still want that but the problem was that the opacity remains, but only on tablets and smart phones.

arsondpi / 2013-08-10 13:21:06   

Then make a css rule for tablets and smart phones.
There's many tutorials about this in the web...

Skaatar / 2013-08-10 20:49:07   

Well, of course. But I'm not sure how and therefore need advice which I'm looking for here.
;)
Nevermind. I'll fix it.

arsondpi / 2013-08-10 21:44:29   

I did a web search on "responsive css"* and came up with a few helpful results.
Try it out and if you have the time post your results...

This thread has been closed, thank you.