Databases
StackOverflow2013
Postsdbo
POjquery hover list background
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POjquery hover list background
    primarykey
    data
    text
    <p>Okay what I'm trying to do is have a hover to have no background except for the &lt;a&gt; which does have a background during hover. What I have if you look carefully, background is transparent black and the hover brings a transparent white which is &lt;a&gt; however it is conflicted with the transparent black behind it. I just want to remove the background only during hover.</p> <p>my HTML:</p> <pre><code>&lt;ul class="ui-tab-block"&gt; &lt;li style="height:60px; background: rgba(0,0,0,0.4);"&gt;&lt;/li&gt; &lt;li class="ui-prim-nav"&gt; &lt;a href="#home"&gt;HOME&lt;/a&gt; &lt;/li&gt; &lt;li class="ui-prim-nav"&gt; &lt;a href="#gallery"&gt;GALLERY&lt;/a&gt; &lt;/li&gt; &lt;li class="ui-prim-nav "&gt; &lt;a href="#about"&gt;ABOUT&lt;/a&gt; &lt;/li&gt; &lt;li class="ui-prim-nav"&gt; &lt;a href="#contact"&gt;CONTACT&lt;/a&gt; &lt;/li&gt; &lt;li style="height:170px; background: rgba(0,0,0,0.4);"&gt;&lt;/li&gt; &lt;/ul&gt; </code></pre> <p>this is my css:</p> <pre><code>body { background:#c0b896; } li { display:inline; background:rgba(0, 0, 0, 0.5); } .ui-prim-nav a { padding-right:20px; color:#FFFFFF; -o-transition:color .5s ease-out, background 0.5s ease-in; -ms-transition:color .5s ease-out, background 0.5s ease-in; -moz-transition:color .5s ease-out, background 0.5s ease-in; -webkit-transition:color .5s ease-out, background 0.5s ease-in; transition:color .5s ease-out, background 0.5s ease-in; } .ui-prim-nav a:active { color:black; background: none; } .ui-prim-nav a:hover { color:black; background: rgba(255, 255, 255, 0.3); font-weight:500; </code></pre> <p>And my JS:</p> <pre><code>$(".ui-prim-nav").mouseover(function () { $(this).css('background-color', 'none'); }); </code></pre> <p>Here is my <a href="http://jsfiddle.net/z7qUj/" rel="nofollow">DEMO</a> </p> <p>You will notice that instead of the hover behind a transparent white its more like a grey because its mixing with the black.</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USDenis Malinovsky
    1. USuser2279712
    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. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POjquery hover list background
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POjquery hover list background
      1. This table or related slice is empty.
      1. VTApproveEditSuggestion
    3. VO
      singulars
      1. POjquery hover list background
      1. This table or related slice is empty.
      1. VTUpMod
    1. COare you just saying you want it completely white instead of grey?
      singulars
      1. POjquery hover list background
      1. USsmerny
    2. COYeah just transparent white instead of white and black
      singulars
      1. POjquery hover list background
      1. USuser2279712
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

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