为提升您的使用体验，本站正在维护，部分功能暂时无法使用。如果本站文章无法解决您的问题，您想要向社区提问的话，请到 Twitter 上的 @FirefoxSupport 或 Reddit 上的 /r/firefox 提问，我们的支持社区将会很快回复您的疑问。

Avatar for Username

搜索 | 用户支持

防范以用户支持为名的诈骗。我们绝对不会要求您拨打电话或发送短信，及提供任何个人信息。请使用“举报滥用”选项报告涉及违规的行为。

详细了解

话题已存档。 如果需要帮助请提出新问题。

Firefox not displaying Cascading Style Sheet borders

  • 2 个回答
  • 15 人有此问题
  • 10 次查看
  • 最后回复者为 rabubi8

rabubi8
rabubi8
more options

I have pages that sit inside Drupal with its own style sheet that overrides the styles of the themes. The problem occurs where I have tables. Most often the right border of the table or some TDs are sometimes missing. I don't style each table cell separately, but some columns (not all) are just missing borders, whether top, right or bottom. I use firebug and when I inspect a specific cell I can see that the border is supposed to show (as it does in Chrome and IE). If the table width or height is changed in DOM, the borders sometimes appear.

I have pages that sit inside Drupal with its own style sheet that overrides the styles of the themes. The problem occurs where I have tables. Most often the right border of the table or some TDs are sometimes missing. I don't style each table cell separately, but some columns (not all) are just missing borders, whether top, right or bottom. I use firebug and when I inspect a specific cell I can see that the border is supposed to show (as it does in Chrome and IE). If the table width or height is changed in DOM, the borders sometimes appear.

所有回复 (2)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

Reload web page(s) and bypass the cache.

  • Press and hold Shift and left-click the Reload button.
  • Press "Ctrl + F5" or press "Ctrl + Shift + R" (Windows,Linux)
  • Press "Cmd + Shift + R" (MAC)

Clear the cache and the cookies from sites that cause problems.

"Clear the Cache":

  • Tools > Options > Advanced > Network > Offline Storage (Cache): "Clear Now"

"Remove Cookies" from sites causing problems:

  • Tools > Options > Privacy > Cookies: "Show Cookies"

Start Firefox in Diagnose Firefox issues using Troubleshoot Mode to check if one of the extensions or if hardware acceleration is causing the problem (switch to the DEFAULT theme: Firefox (Tools) > Add-ons > Appearance/Themes).

rabubi8
rabubi8 提问者
more options

Hi, thank you for the response. I often refresh a page with "Ctrl + F5" but I tried the Safe Mode option and clearing the cache this morning but the behavior is still the same. When I clear the cache for Chrome and IE, the borders are still displaying correctly. I have attached a screen shot of one of the tables. In "A)" I have the normal table and the right border is missing on the 1st column (next to the folder icon) and the very last column. In "B)" I have displayed a hidden table row with JavaScript in the DOM and the borders are then showing. Here is the CSS for the 1st table cell with a folder icon (copied from Firebug): 

table#AttrForm thead, table#AttrForm thead th, table#AttrForm tbody, table#AttrForm tbody td {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom-color: #999999;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-left-color-value: #999999;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-left-style-value: solid;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-left-width-value: 1px;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-right-color-value: #999999;
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
    border-right-style-value: solid;
    border-right-width-ltr-source: physical;
    border-right-width-rtl-source: physical;
    border-right-width-value: 1px;
    border-top-color: #999999;
    border-top-style: solid;
    border-top-width: 1px;
}

由cor-el于修改