小编mat*_*ead的帖子

我正在为朋友创建一个网站.但是我想在一个绝对定位的图像下面放置一个包含4个部分的div.这必须是这种情况,因为我希望它在不使用任何javascript的情况下通过更改窗口大小来调整大小.任何人都可以想到这样做的方法.

继承人页面:

https://dl.dropboxusercontent.com/u/24713212/0001_Adam_Plowdem_Videography/html/index.html

基本上我希望颜色鲜艳的部分在图像之后立即开始,无论浏览器大小如何.

非常感谢任何帮助,谢谢,

马特

<style>

body{
width: 99%;
height: 1050px;
background-color: #FFF;
font: 80%/1.65 "Open Sans", sans-serif;
}

#header{
width: 100%;
height: 50px;
position: fixed;
top:0;
left:0;
background-color: #FFF;
    /* IE10 Consumer Preview */
background-image: -ms-linear-gradient(top, #FFFFFF 0%, #EBE8E4 100%);
/* Mozilla Firefox */
background-image: -moz-linear-gradient(top, #FFFFFF 0%, #EBE8E4 100%);
/* Opera */
background-image: -o-linear-gradient(top, #FFFFFF 0%, #EBE8E4 100%);
/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #EBE8E4));
/* Webkit (Chrome 11+) …

如果我有一个无序列表:

<ul>
 <li data-sort-name="a">A</li>
 <li data-sort-name="d">D</li>
 <li data-sort-name="b">B</li>
 <li data-sort-name="c">C</li>
</ul>

和一个数组:

[a,b,c,d]

有没有办法按照与数组相同的顺序对上面的列表进行排序.(数组并不总是按时间顺序排列,仅用于解释目的).

谢谢.