Question

我的守则如下:

body{
    color:#666;
    margin:0px;
    background: -webkit-gradient( linear, left bottom, left top,  color-stop(0.25, #DCDCDC), color-stop(0.75, #FFFFFF));
    background: -moz-linear-gradient( center bottom, #DCDCDC 25%,#FFFFFF 75%);
    font:13px Arial, Helvetica, sans-serif;
}

I m试图做的是从上(白色)到底(灰色)的梯度,但底层梯度的终点应在内容的末尾停止。例如,如果页面内容小于窗户,梯度就应当停留在该内容的底部,而不是该页底部。这个例子在Pith 3+,但在google chrome,尸体的高度将自动覆盖窗口的100%。

任何想法? 我不想改变结构,因为Im使用超文本5的内容。

这里有超文本样本:(由于公司的限制,我删除了内容)

<html>
    <head>
        ... header here ...
    </head>
    <body>
        <header>
            ...header content here...
        </header>
        <article>
            ...body content here...
        </article>
        <footer>
            ...footer content here...
        </footer>
    </body>
</html>

Answer 1

Did you include the <!DOCTYPE html> declaration at the beginning of your document?

Answer 2

我可以转录网站:

http://jsfiddle.net/2AwbB/

但我已经看到,背景正在重复,或许需要:

background: -webkit-gradient( linear, left bottom, left top,  color-stop(0.25, #DCDCDC), color-stop(0.75, #FFFFFF));

Answer 3

你们的法典像我国一样。我看到的只是谷歌 Chrome。我登上了Webkit或Sissa。 Oh和BTW I m使用谷歌9.0.597.47β。

友情链接