Note that there are some explanatory texts on larger screens.

plurals
  1. POImage Hover isn't appearing in CSS but it does in HEAD
    primarykey
    data
    text
    <pre><code> .cssnav { position:relative; font-family: arial, helvetica, sans-serif; background-image: url(img/twitter.jpg)no- repeat center center; background-repeat: no-repeat; white-space: nowrap; display: block; width: 211px; height: 44px; margin: 0; padding: 0; } .cssnav a { display: block; color: #000000; font-size: 11px; width: 211px; height: 44px; display: block; float: left; color: black; text-decoration: none; } .cssnav img {width: 211px; height: 44px; border: 0; } * html a:hover {visibility:visible} .cssnav a:hover img{visibility:hidden} .cssnav span { position: absolute; left: 30px; top: 15px; margin: 0px; padding: 0px; cursor: pointer; width: 149px; height: 14px; text-align: center; } /* END OF NAVIGATION */ } &lt;html&gt; &lt;head&gt; &lt;title&gt;The history of aeronautics&lt;/title&gt; &lt;meta charset="utf-8" /&gt; &lt;meta name="description" content="A parallax scrolling experiment using jQuery" /&gt; &lt;link rel="stylesheet" media="all" href="css/test.css" /&gt; &lt;/head&gt; &lt;body&gt; &lt;!--MAIN NAVIGATION START--&gt; &lt;div class="cssnav"&gt;&lt;a href="http://www.search-this.com/" title="Search Engine Submission"&gt;&lt;img src="img/twitter.png" alt="Search Engine Submission" /&gt;&lt;span&gt;Search Engine Submission&lt;/span&gt;&lt;/a&gt;&lt;/div&gt; &lt;div class="cssnav"&gt;&lt;a href="http://www.search-this.com/website-design/" title="Website Design"&gt;&lt;img src="img/twitter.jpg" alt="Website Design" /&gt;&lt;span&gt;Website Design&lt;/span&gt;&lt;/a&gt;&lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>I've included my CSS and HTML. I've been at this for awhile trying to figure out why it's not working... I'm using the trifecta rollover buttons code from here: <a href="http://www.webcredible.co.uk/user-friendly-resources/css/rollover-buttons.shtml" rel="nofollow">http://www.webcredible.co.uk/user-friendly-resources/css/rollover-buttons.shtml</a></p> <p>It works when I put the code in the area of my HTML but not when I put it in the CSS</p>
    singulars
    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