INTELLIGENT WORK FORUMS
FOR COMPUTER PROFESSIONALS

Log In

Come Join Us!

Are you a
Computer / IT professional?
Join Tek-Tips Forums!
  • Talk With Other Members
  • Be Notified Of Responses
    To Your Posts
  • Keyword Search
  • One-Click Access To Your
    Favorite Forums
  • Automated Signatures
    On Your Posts
  • Best Of All, It's Free!

*Tek-Tips's functionality depends on members receiving e-mail. By joining you are opting in to receive e-mail.

Posting Guidelines

Promoting, selling, recruiting, coursework and thesis posting is forbidden.

Jobs

box-shadow on tables with border-collapse in IE11 don't work?

box-shadow on tables with border-collapse in IE11 don't work?

box-shadow on tables with border-collapse in IE11 don't work?

(OP)
Hi,

I seem unable to get the box-shadow to show in IE on a table row if the table is set to

CODE

border-collapse:collapse; 

There is a known bug since IE10 : https://connect.microsoft.com/IE/feedback/details/...

Which it seems M$ aren't interested in fixing, is there a work-a-round?

I've tried to apply 'separate' to the border-collapse on the table row, but without success

CODE

.banner_adverts tr.selected {
    border-collapse:separate !important;
    box-shadow:0px 0px 3px 3px rgba(255,20,20,.8);
    border-radius:1px;
    } 
    .banner_adverts tbody tr:hover {
    background-color: rgba(245,240,40,.5);   
    cursor:pointer;
    } 
I know it's a 'table' property not a 'table row' property!

For the time being I have implemented

CODE

.banner_adverts tr.selected {
    border-collapse:separate !important;
    box-shadow:0px 0px 3px 3px rgba(255,20,20,.8);
    border-radius:1px;
    background-color: rgba(255,20,20,.8);
    } 
    
.banner_adverts tbody tr:hover:not(.selected) {
    background-color: rgba(245,240,40,.5);   
    cursor:pointer;
    } 

So I added a BG color to the selected class and included a 'not' CSS3 selector for the hover pseudo class so you can see a selected row when hovering a bit easier.

Other suggestions welcome!
1DMF

"In complete darkness we are all the same, it is only our knowledge and wisdom that separates us, don't let your eyes deceive you."

"If a shortcut was meant to be easy, it wouldn't be a shortcut, it would be the way!"
Free Electronic Dance Music

Red Flag This Post

Please let us know here why this post is inappropriate. Reasons such as off-topic, duplicates, flames, illegal, vulgar, or students posting their homework.

Red Flag Submitted

Thank you for helping keep Tek-Tips Forums free from inappropriate posts.
The Tek-Tips staff will check this out and take appropriate action.

Reply To This Thread

Posting in the Tek-Tips forums is a member-only feature.

Click Here to join Tek-Tips and talk with other members!

Resources

Close Box

Join Tek-Tips® Today!

Join your peers on the Internet's largest technical computer professional community.
It's easy to join and it's free.

Here's Why Members Love Tek-Tips Forums:

Register now while it's still free!

Already a member? Close this window and log in.

Join Us             Close