首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

一个透明表格的怪有关问题,给100分看有没有知道什么原因

2012-02-19 
一个透明表格的怪问题,给100分看有没有知道什么原因例子:http://www.boogu.com/boogu-test/a.html中间那个

一个透明表格的怪问题,给100分看有没有知道什么原因
例子:   http://www.boogu.com/boogu-test/a.html

中间那个大表格里面有两个透明的表格,这两个表格都分标题行同内容行两行,

鼠标在标题行上移动时会显示一个span的,   但当鼠标在这个表格移运再离开后,这个表格不知干嘛   会自动隐藏了一部份,   没文字的地方都会隐藏掉,   如果这两个表格没透明时是不会出现这种情况的

[解决办法]
代码中处理的就是 DIV 的可见性,当然会时隐时显的,一点儿都不怪!

<DIV id=Block_99_SystenTool style= "DISPLAY: none; float:right " >
dddd
</DIV>

吃饭去喽!
[解决办法]
表格重画了,
[解决办法]
问题可能出在 position: relative;
.contentAlpha{
position: relative;
}

许多滤镜都依赖绝对位置
position: absolute;

楼主的页面如果改成绝对位置就好了,当然还要指定宽和高。
[解决办法]
span 是 inline(行内)的。

用div+css可搞定!

初步的思路:

<BODY BGCOLOR= "#ffffFF " BACKGROUND= "http://shadow11.boogu.com/default/hall/style/4/bg.jpg ">

<DIV ALIGN= "center ">
<DIV STYLE= "WORD-BREAK: break-all; width:400; height:500; ">
<DIV CLASS= "contentAlpha " ONMOUSEOVER= "if(document.getElementById( 'Block_99_SystenTool ').style.display== 'none ')document.getElementById( 'Block_99_SystenTool ').style.display= ' ' " ONMOUSEOUT= "document.getElementById( 'Block_99_SystenTool ').style.display= 'none ' " STYLE= "CURSOR: move;width:100% ">
<DIV STYLE= "float:left "> 标题一标题一 </DIV>
<DIV ID= "Block_99_SystenTool " STYLE= "DISPLAY: none; float:right "> dddd </DIV>
</DIV>
<DIV> 内容层一内容层一 </DIV>
<DIV CLASS= "contentAlpha " ONMOUSEOVER= "if(document.getElementById( 'Block_105_SystenTool ').style.display== 'none ')document.getElementById( 'Block_105_SystenTool ').style.display= ' ' " ONMOUSEOUT= "document.getElementById( 'Block_105_SystenTool ').style.display= 'none ' " STYLE= "CURSOR: move;width:100% ">
<DIV STYLE= "float:left "> 标题一标题一 </DIV>
<DIV ID= "Block_105_SystenTool " STYLE= "DISPLAY: none; float:right "> dddd </DIV>
</DIV>
<DIV> 内容层一内容层一 </DIV>
</DIV>
</DIV>

颜色样式你再自己添加吧

热点排行