我有很多问题试图这样做,现在我很想知道,这是否甚至可能。 (5月,我需要找到其他办法,使用购买力平价、闪电或 Java字!)
基本上,我有3个图像。 人均为1920x1200(x*y)。 当被从左向右边放置时,就形成了景观的形象。 我想制作一个网页,供你横向浏览,以看到网站的每一部分,其中3幅图像是散射元素的背景图,并互相联系。 滚动将使用
<>光>: <>CSS: 然而,我面临的问题是,我需要为多重筛选规模和决议做这项工作。 我想做的是,使每个小项目的最高点达到可见网页的100%,但我无法这样做,而没有阻止零件出现在左右边。 这往往导致他们相互站在一起。 我根据以下指示进行了尝试:here,并使用成像。 但是,通过确定立场或确定绝对立场,我就把我先前浮出的四舍五入的图像放在彼此之上。 http://www.ohchr.org。 I just found that there is a CSS3 property that does exactly what I need (background-size), but it s not implemented in most browsers...
A hack would be to use -moz-border-image and then use php to place the correct height and width px into the css. I do not want to do that! <div class="items">
<div class="item" id="item1"><a name="item1"></a>
text
</div>
<div class="item" id="item2"><a name="item2"></a>
more text
</div>
<div class="item" id="item3"><a name="item3"></a>
even more text
</div>
</div>
#item1, #item2, #item3 {
float: left;
width: 1920px;
height: 1200px;
}
#item1 {
background: #ffffff url(../../images/main/1.jpg);
}
#item2 {
background: #ffffff url(../../images/main/2.jpg);
}
#item3 {
background: #ffffff url(../../images/main/3.jpg);
}
/* our additional wrapper element for the items */
.items {
width: 5790px;
position: absolute;
}