Hi i'm using this to set a title attribute on elements:
$('.upgradeTables thead tr td:gt(1)').attr('title', 'Upgrade To');
I'm then using CSS3 to do this:
.upgradeTables thead tr td:hover:before
{
background: #000;
content: attr(title);
color: #f7f7f7;
opacity: 0.95;
display: block;
font-weight: bold;
position: relative;
text-align: center;
top: 0px;
padding: 5px;
-webkit-box-shadow: 1px 1px 10px 0.5px #333 !important;
-moz-box-shadow: 1px 1px 10px 0.5px #333 !important;
box-shadow: 1px 1px 10px 0.5px #333 !important;
}
My question is, when i hover over the elements, the nicely CSS'd titles appear as i would like them and i can move along the TD's and "Upgrade To" appears above every one.
The problem is, when i hover over the first one, i get the CSS title but also the default grey browser title appear and stays visible as i move along to other TD's. How can i hide the default title popping up but still keep the CSS:after title visible on hover?
JavaScript questions and answers, JavaScript questions pdf, JavaScript question bank, JavaScript questions and answers pdf, mcq on JavaScript pdf, JavaScript questions and solutions, JavaScript mcq Test , Interview JavaScript questions, JavaScript Questions for Interview, JavaScript MCQ (Multiple Choice Questions)