1 reply [Last post]
csabee
csabee's picture
Offline
newbie
Last seen: 4 years 37 weeks ago
Timezone: GMT+1
Joined: 2015-03-05
Posts: 1
Points: 2

Hi,

I am having a very special problem with chrome (version 40).

I have a footer:

<footer id="footer">
			<span class="footertext">0.9.0.4
				<br />
				<a href="http://anything.com" target="_blank">Anything</a>
				<a href="http://anything.com" target="_blank">Anything</a>
				<a href="http://anything.com" target="_blank">Anything</a>
			</span>
		</footer>

And some css for it (my website uses Bootstrap 3.0 ):

footer#footer {
  height: 60px;
  background: #e1e1e1;
}
 
#footer {
  text-align: center;
  padding-top: 1em;
}
 
footer a {
  margin-left: 5em;
  margin-right: 11em;
}

So nothing fancy. But my problem comes, when I hover on a link in chrome. It hides the other links, because the chrome tooltip for the link has the same background as the link. So when anyone hovers on a link in chrome, the hover tooltip will hide a link.

Do you have any idea, what could I do with this, anything other than moving the links to an other place, or changing the footer color?

The problem doesn't occur with ff (v35) or ie( 10&11).

Thank You!

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 3 days 2 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5342
Points: 2963

Hi csabee, I can't see a

Hi csabee,
I can't see a title attribute in your example.
Where is the tooltip coming from, is it JavaScript ?