Jquery 鼠标盖使桌面单元格变为螺母
我有一个表,有三个单元格,其宽度分别为30%、40%和30%。表格本身的宽度为其容器的25%,从1024px到400px不等Jquery 鼠标盖使桌面单元格变为螺母,jquery,html,css,Jquery,Html,Css,我有一个表,有三个单元格,其宽度分别为30%、40%和30%。表格本身的宽度为其容器的25%,从1024px到400px不等 第一个单元格是一个显示GALLERY的按钮。在悬停(td)时,其文本变为“这是因为表格不是固定宽度,所以当您将单元格内容更改为“时,td(和表格)会变小。我同意bbird版本的情况。作为修复,我建议将以下CSS属性添加到表中: table-layout: fixed; 听起来像是打字错误。你能发布代码吗?是的,我已经用codecode更新了原来的帖子。你能把它放在一个演
第一个单元格是一个显示GALLERY的按钮。在悬停(td)时,其文本变为“这是因为表格不是固定宽度,所以当您将单元格内容更改为“时,td(和表格)会变小。我同意bbird版本的情况。作为修复,我建议将以下CSS属性添加到表中:
table-layout: fixed;
听起来像是打字错误。你能发布代码吗?是的,我已经用codecode更新了原来的帖子。你能把它放在一个演示(jsfiddle.net)中吗?这样我就可以准确地看到发生了什么。是的,我认为你是对的,肯定是打字错误,因为我做了一把小提琴,而问题不在那里。我会找到的。谢谢你的帮助!
<table id="toolbar" style="display:none;">
<tr>
<td class="back" onclick="<?php
if ($gallery_id == "2") echo "goToGallery(1);";
else echo "goToIndex();";
?>">GALLERY
</td>
#toolbar td {
font-family:'helvetica',sans-serif;
font-size:11px;
color:white;
text-align:center;
cursor:pointer;
overflow:hidden;
-webkit-font-smoothing:antialiased;
}
#toolbar td.back {
width:30%;
}
#toolbar td.back:hover {
color:#e61b23;
}
table-layout: fixed;