请问老师这个为什么

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>IE6~IE8下的渐变</title>
    <style type="text/css">
        div{
            width: 400px;
            height: 400px;   
            background-color:yellow;
            background:-webkit-linear-gradient(135deg,purple 25%,transparent 25%);
                        /*-webkit-linear-gradient(135deg,purple 25%,transparent 25%),*/
                        /*-webkit-linear-gradient(225deg,purple 25%,transparent 25%);*/
        }
    </style>
</head>
<body>
    <div></div>  
</body>
</html>

请问老师135度为什么在右下角显示，135度按照老师讲的不应该是箭头指向右下角吗。

从左上角显示啊

hy_wang 2018-05-08

源自：CSS3背景与渐变 3-25 编程练习

收起

1回答

提问者 hy_wang 2018-05-08 15:02:55

难道·135度不是从左上方到右下角的渐变吗。为什么会显示在右下角？？

收起回答

bbbboom #1

有前缀和没有前缀的时候渐变方向是相反的，在Chrome和Firefox浏览器下都是这种情况，可以看一下这个链接，可能会对你有帮助： http://www.zhangxinxu.com/wordpress/2013/09/%E6%B7%B1%E5%85%A5%E7%90%86%E8%A7%A3css3-gradient%E6%96%9C%E5%90%91%E7%BA%BF%E6%80%A7%E6%B8%90%E5%8F%98/

2018-05-08 15:35:54
提问者 hy_wang 回复 bbbboom #2

我看了几遍可是仍然没有看懂应该如何处理角度和前缀的问题。请问您是怎么理解的

2018-05-08 20:43:49
bbbboom 回复提问者 hy_wang #3

你现在写可以暂时不加前缀，就是正确的方向，这道题目正好是四个方向都有，那么加了前缀就算是方向改变看，也没有影响。

2018-05-09 09:32:19