Note that there are some explanatory texts on larger screens.

plurals
  1. POcursor:auto behaviour in IE 8 and 9
    primarykey
    data
    text
    <p>What I want is specify cursor:pointer for the whole body tag, so the background of the page is clickable, but I also want the remainder of the page to work as it did, so I try setting cursor:auto for div, which contains the page.</p> <p>In FF, Chrome and safari it works fine, also in IE 6 and 7. But it seems that IE 8 and 9 and also (screw it) OPERA have their own opinion on what cursor:auto means.</p> <p>Here is a snippet to see what happens:</p> <pre><code>&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;Cursor test&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;div id="newBody" style="width:400px; height:300px; cursor:pointer; background:#ffddee; border:2px solid #ddaa66;"&gt; &lt;div id="pageContent" style="width:200px; cursor:auto; background:#fff;"&gt; &lt;p&gt;This is a paragraph &lt;a href=""&gt;click here&lt;/a&gt;.&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>Although this is an HTML snippet everything is done with javascript with the same outcome.</p> <p>The standard says something really vague: The UA determines the cursor to display based on the current context. , also these pages didn't help on the issue</p> <p><a href="http://www.w3.org/TR/CSS2/ui.html" rel="noreferrer">http://www.w3.org/TR/CSS2/ui.html</a></p> <p><a href="http://msdn.microsoft.com/en-us/library/aa358795%28v=vs.85%29.aspx" rel="noreferrer">http://msdn.microsoft.com/en-us/library/aa358795%28v=vs.85%29.aspx</a> </p> <p><a href="http://www.w3schools.com/cssref/pr_class_cursor.asp" rel="noreferrer">http://www.w3schools.com/cssref/pr_class_cursor.asp</a></p> <p><a href="https://developer.mozilla.org/en/CSS/cursor" rel="noreferrer">https://developer.mozilla.org/en/CSS/cursor</a></p> <p>Can anyone explain this behaviour or know a possible way around it?</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload