日期:2014-05-17  浏览次数:20569 次

div id重复,导致样式表不能正常显示,如何解决这个冲突?
CSS不很懂。
希望的功能是   点击这个名字的超链接,显示这个用户的详细信息(在弹出的层里面)
客户给我的原形类似这样的,
<a   href= "# "   onClick= "MM_showHideLayers( 'layer_u1 ', ' ', 'show ') "> mick </a>

<div   id= "layer_u1 "
//下面是层的内容

<div   class= "button "   align= "center "> <input   name= "取消 "   type= "reset "   id= "取消 "   onclick= "MM_showHideLayers( 'layer_u1 ', ' ', 'hide ') "   value= "关闭本窗口 "   />
    </div>
</div>

样式表中相关定义是:
#layer_mp_infos1   {
position:absolute;
/*width:200px;
height:115px;left:40%;*/
z-index:21;
visibility:   hidden;
top:   319px;
left:   362px;

position:absolute;
z-index:20;
visibility:   hidden;
top:   319px;
left:   362px;

}

现在问题是,我手动写一个链接没问题。问题是如果有第二个,比如名字叫
<div   id   =   "layer_u2 "

这个就不是默认隐藏的了,因为样式表中没有定义这样的一个属性。

怎样能让我根据数据库循环显示的每个层都遵守上面的这个样式呢?层按照一定的规则命名,比如 <div   id   =   "layer_u "{$i}。

我感觉id命名总会有冲突的,我只是举个例子。应该怎样做呢

------解决方案--------------------
CSS一样的话用class呀
.layer_mp_infos{ ...}
<div class= "layer_mp_infos " id = "layer_u1 ">
<div class= "layer_mp_infos " id = "layer_u2 ">
。。。