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

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

日期：2014-05-16　浏览次数：20503 次

一个透明表格的怪问题,给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>

颜色样式你再自己添加吧

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

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

相关资料更多>

推荐阅读更多>