-webkit-线性渐变不工作在Dreamweaver CS6 [英] -webkit-linear-gradient Not working in Dreamweaver CS6

问题描述

我已经试过多次应用下面这段code在一个CSS文件：

I've tried multiple times to apply the following piece of code in a CSS document:

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实时查看开启时，它仍然不肯出现。所有我得到了我的盒子是一个白色背景，而不是黑色到白色的渐变。然而，当我键入code相同的行成科达2我下载的试用，它完美的作品。有什么我可以做，以解决这个问题？

Everything appears correctly, except the gradient. I have CS6 Live View turned on, and it still refuses to appear. All I get in my box is a white background, as opposed to the black to white gradient. However, when I type the same line of code into the trial of Coda 2 I downloaded, it works perfectly. Is there anything I can do to resolve the issue?

推荐答案

试试这个：

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-线性渐变不工作在Dreamweaver CS6的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！