javascript - Bootstrap 网站标题中使用的图像类型

Question

只需转到以下链接:

http://twitter.github.io/bootstrap/

查看页面顶部的大背景图片。 (它是蓝色和紫色)​​。我查看了该页面的源代码。但是我找不到该背景的任何图像文件。所以我很好奇。

有什么帮助吗？

Answer 1

试试这个 Demo

ColorZilla是创建跨浏览器兼容渐变的好工具。

.test{
    background: #020031;
    background: -moz-linear-gradient(45deg, #020031 0%, #6d3353 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#020031), color-stop(100%,#6d3353));
    background: -webkit-linear-gradient(45deg, #020031 0%,#6d3353 100%);
    background: -o-linear-gradient(45deg, #020031 0%,#6d3353 100%);
    background: -ms-linear-gradient(45deg, #020031 0%,#6d3353 100%);
    background: linear-gradient(45deg, #020031 0%,#6d3353 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020031', endColorstr='#6d3353',GradientType=1 );

    height: 400px;
    width:100%;
}
.test:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(http://twitter.github.io/bootstrap/assets/img/bs-docs-masthead-pattern.png) repeat center center;
    opacity: .4;
}