html 图像重叠 position 及 display overflow 边框像素
来源:互联网 发布:政策性周转房 知乎 编辑:程序博客网 时间:2024/06/10 10:04
<style type="text/css">
.im
{
width:40px;
height:40px;
border:0px solid red;
vertical-align:top;
display:block;
position: relative;
Z-index:10;
left:0px;
top:-40px;
}
</style>
<table border=1 style="width:100%">
<tr>
<td style="width:50%;">
1111
</td>
<td>
2222
</td>
</tr>
<tr>
<td>
111
</td>
<td>
<div style = "border:1px solid red;width:500px;height:300px;overflow:hidden;">
<img src="001.jpg" style ="border:1px solid red;width:500px;height:290px;display:block;"></img>
<img border='0' src="002.jpg" id = "show" name= "show" class="im" usemap="#umap"></img>
<map name="umap">
<area shape="rect" coords="0,0,40,40" href ="javascript:void(0)" onclick = "aaa();"/>
</map>
</div>
</td>
</tr>
</table>
<script type="text/javascript">
function aaa(){
alert("1111");
document.getElementById("show").src = "003.jpg";
}
function bbb(){
alert("1111");
document.getElementById("show2").src = "003.jpg";
sss = document.getElementById("show2").style;
alert(sss);
}
</script>
<!--<div style = "position: relative;Z-index:10;left:0px;top:-110px;bottom:0px;">
<img border='0' src="002.jpg" id = "show" name= "show" style ="display:block;position: relative;Z-index:10;left:0px;top:-110px;width:100px;height:100px" usemap="#umap"></img>
<img border='0' src="002.jpg" id = "show2" name= "show2" style ="display:block;position: relative;Z-index:10;left:110px;top:-220px;width:100px;height:100px" usemap="#u2map"></img>
<map name="umap">
<area shape="rect" coords="0,0,100,100" href ="javascript:void(0)" onclick = "aaa();"/>
</map>
<!--<div style = "position: relative;Z-index:10;left:110px;top:-220px;bottom:0px;">-->
<map name="u2map">
<area shape="rect" coords="0,0,100,100" href ="javascript:void(0)" onclick = "bbb();"/>
</map>
- html 图像重叠 position 及 display overflow 边框像素
- 【css布局】display、position、float、overflow
- DIV 边框重叠 像素变粗 解决办法
- position,display,float,overflow,margin,padding之间的相互影响
- HTML+CSS制作一像素边框
- 边框重叠
- html 去除图像的边框
- position跟display、margin collapse、overflow、float这些特性相互叠加后的行为?
- 浅谈CSS中position、display、overflow、float、margin合并等几种特性的叠加关系
- IE6/IE7/IE8兼容问题|overflow,display,position的区别|块元素与内联元素的区别
- position跟display、margin collapse、overflow、float这些特性相互叠加
- position跟display、margin collapse、overflow、float这些特性相互叠加后会怎么样?
- position跟display、margin collapse、overflow、float这些特性相互叠加后会怎么样?
- html table边框 1像素边框 内嵌table边框重合
- 浅析CSS——元素重叠及position定位…
- z-index使用详解元素重叠及position定位
- 元素重叠及position定位的z-index顺序
- 元素重叠及position定位的z-index顺序
- Whois协议查询IP的原理
- Hope and Possibilities
- Tomcat在Linux下压力超不过250人并发
- stringstream的用法
- 庆祝自己开博
- html 图像重叠 position 及 display overflow 边框像素
- 弹出窗口的命令总结
- Name jdbc is not bound in this Context
- USACO Section 4.4 Shuttle Puzzle
- SQL SERVER 2005连接池配置问题
- fscommand 详解(转)
- python resource http://effbot.org/
- 两个有关Terracotta技术的在线会议预告
- 安装BlackBerry_JDE_Plugin_Full_1.1.2后eclipse-SDK-3.5.2无法运行问题的解决方法