很诡异的问题～
仅仅只是想在左上角加个提醒标签而已～
定义了这样一个class
程序代码
/*remind*/
.remind {}
.remind span{width:250px; height:250px; background:url(2.gif); position:absolute; margin:0px 0 0 0px;}
在层中这样调用
程序代码
<div class=”remind”/>
<span></span>
不明白为什么产生如些搞笑的现象～
似乎定义的span已经从remind这个class中溢出了～
小小改动了一下～
程序代码
<div class=”remind”>
<span></span>
</div>
问题解决了～
呵呵，习惯性的简写代码
写了开头就条件反射的把它关闭掉
结果没有把定义的类
封装在span里面
溢出了～
呵呵呵~
以后小心，以后小心~
css标定地图上的热点～
这种方法不合理，但最简单～
一时无法应用google那样的Ajax+SVG，以及Yahoo那样的flash
两个同学问我的，我想这种做法应该可以应付了～
首先定义显示的地图大小范围(如果是一个很大的地图图片，要一块块的显示，解决起来就比较麻烦了)
定义热点的名称
定义鼠标的响应
去除列表标签的一些默认效果
定义热点标签的位置(位置是相对map这个父级div来确定的,即继承其位置然后确定自身位置)
完全是照搬的Emanuel Blagonic的思路，对他表示感谢～
浮动与继承的联合应用～
浮动和继承可以很好的解决一些美观性和可访问性的问题～
如我搞这个东西，继承的问题没解决好，可访问性非常差～
xhtml:
程序代码
<div style=”left:250px; top: 220px;” id=”highlightNew”/>
css:
程序代码
#highlightNew {
background:transparent url(new.gif) no-repeat scroll 0%;
position:absolute;
height:20px;
width:27px;
z-index:10;
}
还要简单研究一下～