jQuery更改內容後CSS漸變看起來不正確

我有一個我正在爲自己開發的小型web應用程序。jQuery更改內容後CSS漸變看起來不正確

當我點擊添加按鈕時，它會調用一些.load函數來返回錯誤消息和更新後的表。

然而，它會導致梯度看起來像這樣（環顧錯誤消息，並且表中的頂部左/右）：

enter image description here

梯度被設置爲的背景包含div（綠色內的灰色）。 jQuery加載消息的單個<p>和加載表的<table>。

我看不出爲什麼會出現這種情況，因爲它在初始頁面加載時工作正常（在jQuery更新之前）。

無論如何強迫背景'刷新'？如果您檢查元素或更改爲其他選項卡然後返回到此選項卡，它會自行修復。

來源

2012-09-28 MatthewMcGovern

你使用什麼瀏覽器？另外，你是否有任何示例代碼的錯誤，以便我們可以重現和測試它？可能在http://jsfiddle.net？ – TheZ

這是在Chrome上。目前我並不打擾IE，因爲我使用了大量的HTML5，但它只是在IE9中無法使用。我可以嘗試把它放在jsfiddle上，但jQuery調用是在本地服務器上的php腳本。 – MatthewMcGovern

它不一定是您的確切代碼，導致問題所需的最小代碼的縮小版本將會執行並且實際上是首選。它甚至可以幫助您在創建該案例時解決問題。 – TheZ

由於提供了有限的信息，我認爲這不是「背景漸變」的問題，更多的問題是前景中的背景中有不透明和/或彩色背景的元素疊加在背景漸變的頂部。

您是否將<p>設計爲具有透明背景，或者是否存在背景顏色（直接或固有）？

請提供更多信息（CSS和一點HTML）以獲得更好的答案。

來源

2012-09-28 23:15:29 Mike

雖然CSS在其他地方都很好，但只有當內容隨jQuery（其中對樣式沒有任何影響，只是返回文本）。我甚至可以通過用光標突出顯示頁面上的任何位置來打破漸變...如果CSS被破壞，爲什麼inspect元素會修復它？哦，並且不正確的區域的形狀根本不匹配HTML佈局，它只是自己出血/傳播。一旦你檢查元素來修復它，它會正常工作，直到你刷新。 – MatthewMcGovern

你有沒有解決這個問題？我遇到同樣的情況，想知道你是否解決了這個問題。 –

jQuery更改內容後CSS漸變看起來不正確

回答

相關問題