Twitter.com - 如何呈现登录屏幕背景图像?

时间:2011-09-21 21:52:54

标签: html

在twitter.com登录屏幕上,有一个背景,其中包含文本背后的世界地图。

我看过了,我不确定它是如何渲染的。我发现了这张背景图片(http://a2.twimg.com/a/1316626057/phoenix/img/front/bg.png),它看起来更像地球覆盖层背后的颜色。

有关如何生成地图部分的任何想法?

3 个答案:

答案 0 :(得分:2)

地图是logo image的一部分,#doc的背景图片。

答案 1 :(得分:1)

占据整页(<div id='doc'>)的div在其上设置了这种样式:

background: url("../img/front/logo-map.png") no-repeat scroll center top transparent

这使得该图像成为div的背景,因此也就是页面。

答案 2 :(得分:0)

那幅画不是世界!这只是身体的背景图片。世界,是这个div的背景:

<div class="route-front" id="doc">

并在此文件夹中:

../img/front/logo-map.png

与此样式表文件相关:

http://a2.twimg.com/a/1316626057/phoenix/css/phoenix_core_logged_out.bundle.css