Page 1 of 1 |
|
Posted: Sun, 16th Mar 2014 23:24 Post subject: ignore text block |
|
 |
I dont know how to explain this but I'm struggling with the code. I need a text block to be ignored by mouse hover. Under the text there is a rollover image so I need a proper rollover, but now the text obscures it. I hope I made myself clear.
|
|
Back to top |
|
 |
|
Posted: Sun, 16th Mar 2014 23:47 Post subject: |
|
 |
Code snippet with mspaint pls?
|
|
Back to top |
|
 |
|
Posted: Sun, 16th Mar 2014 23:56 Post subject: |
|
 |
This code is the Layerslider's background layer:
Code: |
<a href="https://www.website.com/"><img src="http://site.comt/wp-content/uploads/2014/02/galerija_1a.png"
class="mouseover"
title=""
clicksrc="http://site.comt/wp-content/uploads/2014/02/galerija_1b.png"
oversrc="http://site.comt/wp-content/uploads/2014/02/galerija_1b.png" /></a>
top layer is just TEXT <br> MORE TEXT
and has these css settings:
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor:pointer;
text-transform: uppercase;
text-align:center;
|
It is unusual that I do it in a slider plugin, but it kind of works and is responsive. Oh and one more thing I use a better mouseover plugin too.
|
|
Back to top |
|
 |
|
Posted: Mon, 17th Mar 2014 00:38 Post subject: |
|
 |
it seems its:
pointer-events:none;

|
|
Back to top |
|
 |
|
Posted: Mon, 17th Mar 2014 15:04 Post subject: |
|
 |
Client wants a bunch of boxes. I made them, but they are made from images. He wants code based. What I cant make is a hover enabled simple html box with a link. It should look like this:

|
|
Back to top |
|
 |
Page 1 of 1 |
All times are GMT + 1 Hour |