将元素添加到页面后出现幻影边框
我的项目的用户界面有一个小问题。我正在使用 jQuery 模板在调用的进程完成后将元素添加到页面。我的页面上有一个表格,只有表格的标题有边框。下面是标题边框的 CSS 设置:
#mainContent thead tr td{
border: 1px solid #bbbbbb;
border-collapse: collapse;
background-image: url(../images/columnheader_bg.png);
background-repeat: repeat-x;
background-color: #e2e2e2;
text-decoration: underline;
font-weight: bold;
padding: 5px;
}
调用的过程完成并通过 jQuery 模板添加元素后,标题边框出现在表格主体的第一行。这很难解释,所以我在 http://screencast.com/t/LD8SvpgV(请注意,在视频末尾的“状态”和“操作”下会出现边框)。
任何人都知道是什么原因造成的以及如何删除它?
干杯,
起亚
I am having a slight issue with the UI on my project. I am using jQuery templating to add elements to the page after a called process has finished. I have a table on the page and only the header of the table has borders. Here is the CSS setting for the header border:
#mainContent thead tr td{
border: 1px solid #bbbbbb;
border-collapse: collapse;
background-image: url(../images/columnheader_bg.png);
background-repeat: repeat-x;
background-color: #e2e2e2;
text-decoration: underline;
font-weight: bold;
padding: 5px;
}
After the called process has finished and the element is added through the jQuery templating, the borders for the header appear on the first row of the body of the table. It is hard to explain so I captured a screen shot video at http://screencast.com/t/LD8SvpgV (notice that at the end of the video under 'Status' and 'Action' the borders appear).
Anyone have any idea what is causing this and how I can remove it?
Cheers,
Kia
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
根据您提供的详细信息很难查明具体问题。
它只发生在特定浏览器上吗?
我建议您安装 Firefox 的 Firebug 插件并从那里进行调查。
It is hard to pin point the exact problem with the details you provide.
Does it only happen on a specific browser?
I would advice you to install Firebug add-on for Firefox and do your investigation from there.