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/

-webkit-linear-gradient在Dreamweaver CS6中不起作用

1 个答案: