发表新帖
发表新帖

Linear-gradient not working in IE 11

前端 未结
关注
4 1639
被撕碎了的回忆
被撕碎了的回忆 2021-01-06 07:40

I have a css rule that works fine in chrome, firefox and used to work in IE. Now my seemingly valid css is not working.

.s-tour {
/*border-radius: 5px;*/
mar
相关标签:
4条回答
  • 甜味超标
    2021-01-06 08:04

    Using 180deg instead of top solved the same problem for me.

    Previously tried filter and already had <meta http-equiv="X-UA-Compatible" content="IE=Edge" />

    0 讨论(0)
  • 梦谈多话
    2021-01-06 08:17

    So the problem I really had was that I was not telling IE to render the page using the latest standards of css. Adding <meta http-equiv="X-UA-Compatible" content="IE=Edge" /> to the <head> block fixed most of my problems.

    0 讨论(0)
  • 野趣味
    2021-01-06 08:25

    try adding this line to the end of your class:

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#555555, endColorstr=#666666);
    0 讨论(0)
  • 我寻月下人不归
    2021-01-06 08:29

    What has worked for me in IE11 is to correctly use the CSS3 linear-gradient property (http://www.w3schools.com/css/css3_gradients.asp)

    An example:

    background: linear-gradient(to bottom, #FFF 0%, #EEE 100%);

    After that I didn't need to use any meta tags or old filter syntax.

    0 讨论(0)
 看不清?
提交回复
热议问题