0

我有一个横向固定的 div（如菜单栏），我试图弄清楚如何将图像放在那里，在一个类似表格的视图（例如 3 列和 X 行）中，知道这些图像是动态的生成。

更具体地说，我将在其中放置 10 张图像。我可以把它们放在 html 中，但是 javascript 会根据各种因素（主要是用户权限）显示或不显示某些图像，所以我希望这些图像自动重新排序。

我更像是一个 JS 而不是 CSS 粉丝，所以我会将图像放置在固定位置并使用脚本来处理它们的顶部和左侧属性，但我确信有一些方法可以使用 css（不是 css3，我正在尝试做一些复古兼容性）或任何其他更简单的方式。

非常感谢

4

2 回答 2

1

我认为这就是你所需要的。 http://jsfiddle.net/x6zfW/10/

请确认。

HTML：

<div id="ui_myMenu">
            <div id ="ui_ui_myMenuTitle">HELLO TITLE</div>
            <img id="ui_image1" class="ui_menuIcons" src ="http://www.designworks.co.nz/uploads/images/case-studies/nz-post/post_button.jpg"/>
            <img id="ui_image2" class="ui_menuIcons" src="http://t2.ftcdn.net/jpg/00/24/77/15/400_F_24771516_GheG3ehk2o3T6mJJkFy9k2siYoMrVigc.jpg"/>
</div>

CSS：

 #ui_myMenu{
position: fixed;
    bottom: 15%;
    width: 575px;
    height: 426px;
    left: 2%;
    top:2%;
    background:url('http://www.psdgraphics.com/wp-content/uploads/2009/02/abstract-background.jpg') left top no-repeat;
}
#ui_myMenuTitle{
    margin-left: 16%;
    margin-top: 4.8%;
    font-size: 380%;
}
.ui_menuIcons{
    float: left;
    width : 5%;
    height : 7%;
}
于 2012-07-14T17:12:41.657 回答
0

听起来像砌石的工作......

如果没有，请包装图标并定位它们的容器http://jsfiddle.net/mplungjan/HAggq/

于 2012-07-14T16:26:11.487 回答