html - -webkit-linear-gradient 在 Dreamweaver CS6 中不工作

Question

我多次尝试在 CSS 文档中应用以下代码：

display: block;
width: 500px;
margin: 500px auto;
padding: 15px;
text-align: center;
border: 4px solid blue;
background: -webkit-linear-gradient(top,black,white);
outline: 7px solid red;

一切都显示正确，除了渐变。我打开了 CS6 Live View，但它仍然拒绝出现。我在盒子里得到的只是白色背景，而不是黑白渐变。但是，当我在下载的 Coda 2 试用版中键入同一行代码时，它运行良好。我能做些什么来解决这个问题吗？

Answer 1

试试这个：

background-image: linear-gradient(top, rgb(0,0,0) 0%, rgb(255,255,255) 100%);
background-image: -o-linear-gradient(top, rgb(0,0,0) 0%, rgb(255,255,255) 100%);
background-image: -moz-linear-gradient(top, rgb(0,0,0) 0%, rgb(255,255,255) 100%);
background-image: -webkit-linear-gradient(top, rgb(0,0,0) 0%, rgb(255,255,255) 100%);
background-image: -ms-linear-gradient(top, rgb(0,0,0) 0%, rgb(255,255,255) 100%);

background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, rgb(0,0,0)),
    color-stop(1, rgb(255,255,255))
);

来自： http: //gradients.glrzad.com/