社区
CSS
帖子详情
td设置 position: relative 后样式问题
gfylj
2007-08-31 11:05:39
表格的某列中,每行的TD设置position为relative 后,
该列每格的外框 就变得比 其他列的外框粗一点,
好像表格的样式对它不起作用,
不知道怎么设置
...全文
702
5
打赏
收藏
td设置 position: relative 后样式问题
表格的某列中,每行的TD设置position为relative 后, 该列每格的外框 就变得比 其他列的外框粗一点, 好像表格的样式对它不起作用, 不知道怎么设置
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
5 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
gfylj
2007-09-04
打赏
举报
回复
顶啊。
gfylj
2007-08-31
打赏
举报
回复
我需要这样的功能:
<table>
<tr>
<td style="position: relative; border: 1px solid red;">1</td>
<td 2</td>
<td >3</td>
</tr>
<tr>
<td style="position: relative; border: 1px solid red;">>4</td>
<td>5</td>
<td>6</td>
</tr>
<tr>
<td style="position: relative; border: 1px solid red;">>7</td>
<td>8</td>
<td>9</td>
</tr>
</table>
但这样设置后,
底部和右边还是会变粗
yixianggao
2007-08-31
打赏
举报
回复
td 设置 position 为 relative 后将边框分开了,
以下代码可以很清楚滴展示这个问题,建议不要设置该样式!
否则需要动态设置 td 的各边框宽度 0px or 1px!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<style type="text/css">
table {
border-collapse: collapse;
border: 0px solid red;
}
td {
border: 1px solid blue;
}
</style>
</head>
<body>
<table>
<tr>
<td style="position: relative; border: 1px solid red;">1</td>
<td style="position: relative; border: 1px solid red;">2</td>
<td style="position: relative; border: 1px solid red;">3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
<td>9</td>
</tr>
</table>
</body>
</html>
gfylj
2007-08-31
打赏
举报
回复
table样式{
border: 0px;
Padding:0px;
Spacing:0px;
background-color:#999999;
}
td样式{
background-color:#FFFFFF;
height:24px;
border-right: #999999 1px solid;
border-top: #999999 1px solid;
border-left: #999999 1px solid;
border-bottom: #999999 1px solid;
}
lap1983
2007-08-31
打赏
举报
回复
浏览器不同,某些解释就会不一样.
你描述的太简单了.把代码贴出来看看先.
css固定表头、行头
样式
代码
复制代码代码如下: <style type=”text/css”> <!– body,table,
td
, a {font:9pt;} /*重点:固定行头
样式
*/ .scrollRowThead{
position
: re
lative
; left: [removed]this.parentElement.parentElement .parentElement.parentElement.scrollLeft); z-index:0;} /*重点:固定表头
样式
*/ .scrollColThead {
position
: re
lative
; top: [removed]this.parent
表格的头部固定效果通过css及jquery分别实现
1.第一种方式利用css的
样式
来实现表格的头部固定 复制代码代码如下: <html xmlns=”http://www.w3.org/1999/xhtml”> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=GB2312″ /> <title>无标题文档</title> <style type=”text/css”> .a{
position
:re
lative
; top:[removed]this.offsetParent.scrollTop); //这里的offsetParent是最近的有固定
样式
的父
ChatGPT实战:『用户管理』项目从需求分析到Bootstrap前端
通过本课程中您将学到学习如下:一、『用户管理』项目需求提出『用户管理』项目需求确定需求二、『用户管理』项目需求分析使用ChatGPT进行用例分析使用ChatGPT绘制用例图原型设计三、使用ChatGPT设计页面不采用前端框架实现前端框架介绍采用Bootstrap框架实现四、后记TO
TD
数据库设计与实现TOD后端实现效果展示1、生成的用例图:2、原型设计
td
设置
position
:re
lative
之后边线消失的
问题
给
td
设置
了
position
:re
lative
属性之后,如果
td
还同时存在背景色,在火狐下面就会有边线消失的情况。解决这个bug有两个方法,一个是
设置
table的属性为border-collapse: separate;
td
设置
单边线
样式
。另一个方法是
设置
background-clip:padding-box;这个方法最简单 转载于:https://www.cnblogs.com/a...
Table单元格
td
的
position
:re
lative
的兼容性
( From: http://www.itref.cn/a/css/2010/0706/70.html)
问题
描述: 默认情况下,table的单元格
td
的display为table-cell,在IE给
td
设置
position
:re
lative
,然后给它包含的一个容器使用
position
:absolute进行定位是有效的,但在FF下却不可以。但是在IE下,
position
:absolute的容器的...
CSS
61,115
社区成员
60,728
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章