Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

CSS Forum


You are currently viewing our CSS Forum as a guest. Please register to participate.
Login



Reply
Hover problem with IE and Trecent Traveler.
Old 12-17-2008, 02:24 AM Hover problem with IE and Trecent Traveler.
Junior Talker

Posts: 2
Trades: 0
Dear all,
I currently have a problem with the website I am working on. When I hover over a DIV the background color becomes a dark gray and the text becomes white. In Firefox, Opera and Safari (I use a Mac), it works perfectly fine.

However I tried out this morning on a PC with Internet Explorer and Trecent Traveler and I realized that the text in the DIV does change, but the background color does not change at all.

You can see the the page here :
http://115.28.243.139/html/english/index.html

the code is the following:

Code:
...

.mainShowcase {
    background-color:#FFFFFF;
    color:#222222;
    z-index:2;
    position:relative;
    width:920px;
    height:200px;
    margin-left:30px;
    margin-right:30px;
    margin-bottom:10px;
    border-bottom-color:#222222;
    border-top-color:#222222;
    border-left-color:#222222;
    border-right-color:#222222;
    border-bottom-style:solid;
    border-top-style:solid;
    border-left-style:solid;
    border-right-style:solid;
    border-bottom-width:thick;
    border-top-width:thick;
    border-left-width:thick;
    border-right-width:thick;
    overflow: hidden;    
}
.mainShowcaseHover:hover {
    background-color:#222222;
    color:#EEEEEE;
    border-bottom-color:#FFFFFF;
    border-top-color:#FFFFFF;
    border-left-color:#FFFFFF;
    border-right-color:#FFFFFF;
    border-bottom-style:solid;
    border-top-style:solid;
    border-left-style:solid;
    border-right-style:solid;
    border-bottom-width:thick;
    border-top-width:thick;
    border-left-width:thick;
    border-right-width:thick;
}

...
Help would be much appreciated. Thank you in advance,

Aurel
aurelplouf is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 12-17-2008, 04:17 AM Re: Hover problem with IE and Trecent Traveler.
chrishirst's Avatar
Missing! presumed drunk.

Posts: 41,519
Name: Chris Hirst
Location: Blackpool. UK
Trades: 0
IE doesn't support the pseudo class ":hover" on arbitrary elements, only on <a>nchors.
__________________
Chris. ->> Links are advertising NOT optimising!! <<-
A foolish consistency is the hobgoblin of little minds
Thought for today:- I SEO the only industry where all the cowboys are Indians?
chrishirst is online now
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Old 12-17-2008, 04:39 AM Re: Hover problem with IE and Trecent Traveler.
Super Talker

Posts: 143
Trades: 0
I got white bg.
__________________

Please login or register to view this content. Registration is FREE
specialk is offline
Reply With Quote
View Public Profile
 
Old 12-17-2008, 04:53 AM Re: Hover problem with IE and Trecent Traveler.
Junior Talker

Posts: 2
Trades: 0
Quote:
Originally Posted by chrishirst View Post
IE doesn't support the pseudo class ":hover" on arbitrary elements, only on <a>nchors.
Thank you for the reply.

Is there any way to create an alternative to this - maybe overide the CSS with JS if the browser is IE.

something like that ?

Best

Aurel
aurelplouf is offline
Reply With Quote
View Public Profile
 
Old 12-17-2008, 04:59 AM Re: Hover problem with IE and Trecent Traveler.
chrishirst's Avatar
Missing! presumed drunk.

Posts: 41,519
Name: Chris Hirst
Location: Blackpool. UK
Trades: 0
whatever:hover
__________________
Chris. ->> Links are advertising NOT optimising!! <<-
A foolish consistency is the hobgoblin of little minds
Thought for today:- I SEO the only industry where all the cowboys are Indians?
chrishirst is online now
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Reply     « Reply to Hover problem with IE and Trecent Traveler.
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.14905 seconds with 12 queries