html – CSS使用表格单元格内的文本设置表格单元格背景颜色
发布时间:2020-12-14 22:29:33 所属栏目:资源 来源:网络整理
导读:与 this基本相同的问题 – 文本具有背景颜色集并且位于表格单元格中.文本背景颜色仅在文本后面,并且不会填充整个表格单元格. 解决方案通常是在表格单元格上设置bgcolor.不同之处在于,这种情况发生在整个特定网站的许多地方,并且更改所有相关的表格单元格需要
与
this基本相同的问题 – 文本具有背景颜色集并且位于表格单元格中.文本背景颜色仅在文本后面,并且不会填充整个表格单元格.
解决方案通常是在表格单元格上设置bgcolor.不同之处在于,这种情况发生在整个特定网站的许多地方,并且更改所有相关的表格单元格需要很长时间. 问题是,有没有办法在CSS中说: >使文本背景颜色填充整个表格单元格(如果文本位于表格单元格中);要么….. PS:该网站最初是为IE6开发的,IE6已经用文本的背景颜色填充整个表格单元格,所以最初没有问题. FF和IE 7的工作方式不同. 解决方法
正如大卫多尔沃德所说的那样,没有办法用CSS干净利落地完成你想要的东西,但是我可以想到一些解决方法……
假设你的html是这样的(即具有背景颜色的东西是表格单元格中唯一的东西): <table> <tr> <td>test with longish string<br/> over two lines<td> <td><span class="bg" >test</span></td> </tr> <tr> <td>test with longish string<br/> over two lines<td> <td>test with longish string<br/> over two lines<td> </tr> </table> 你可以这样做你的CSS: td { height: 100%;} .bg { background-color: #f00; width: 100%; height: 100%; display: block; } 它适用于这个简单的例子(至少在Firefox 3.5中),但可能有其他副作用,具体取决于你的html内容是什么样的. 编辑:另一个选项,如果你通过javascript黑客攻击,是使用这样的jQuery: $(function() { $("td:has(span.bg)").addClass("bg"); }); 这适用于上面的示例html / css,但显然需要更改以匹配您的css类等. (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |