Go Premium for a chance to win a PS4. Enter to Win

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 2811
  • Last Modified:

Some css elements are not working in IE11

I have the following block in my css which is working pretty fine with the chrome, but not working at all with with IE11 (In IE11 I get just white empty block):

#button-login {
        float: right;
        margin-right: 20px;
        margin-top: 20px;
        width: 80px;
        height: 30px;
        font-size: 14px;
        font-weight: bold;
        color: #fff;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#acd6ef), to(#6ec2e8));
        background-image: -moz-linear-gradient(top left 90deg, #acd6ef 0%, #6ec2e8 100%);
        background-position: right;
}

#button-login:hover {
        background-image: -webkit-gradient(linear, left top, left bottom, from(#b6e2ff), to(#6ec2e8));
        background-image: -moz-linear-gradient(top left 90deg, #b6e2ff 0%, #6ec2e8 100%);
        background-image: linear-gradient(top left 90deg, #b6e2ff 0%, #6ec2e8 100%);
}

#button-login:active {
        background-image: -webkit-gradient(linear, left top, left bottom, from(#6ec2e8), to(#b6e2ff));
        background-image: -moz-linear-gradient(top left 90deg, #6ec2e8 0%, #b6e2ff 100%);
        background-image: linear-gradient(top left 90deg, #6ec2e8 0%, #b6e2ff 100%);
}

Open in new window


I believe that:
     background-image: -webkit-gradient()
        background-image: -moz-linear-gradient()

Open in new window



Is not working in IE11, but I am not sure how to fix it.
0
Ashraf Hassanein
Asked:
Ashraf Hassanein
  • 2
  • 2
1 Solution
 
GaryCommented:
For IE10+ you need to add -ms-linear-gradient declaration for the background-image
0
 
Ashraf HassaneinAuthor Commented:
Thanks that was indeed the problem thanks for your help.
0
 
Ashraf HassaneinAuthor Commented:
Very helpful support
0
 
GaryCommented:
You'll be an HTML/CSS maestro before you know it.
0

Featured Post

Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

  • 2
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now