jQuery的自動完成下拉是透明

我想在我的文本框的一個使用jquery自動完成，一切似乎除了事實的下拉是透明出於某種原因確定。jQuery的自動完成下拉是透明

我聯繫兩者的jQuery的ui.js和jQuery-ui.css，都是1.11.4版本。它似乎加載的價值好，下拉的透明度似乎是唯一的問題。我的js代碼是因爲它可以得到簡單：

$("#edit_account").autocomplete({ 
source: dataArray 
});

這裏是什麼樣子的截圖：

我環顧四周，並沒有發現同樣的問題。

謝謝。

2015-09-11 George H

但它在這裏工作得很好。 [** JSFiddle **]（http://jsfiddle.net/vivekkupadhyay/gqpzot7s） – vivekkupadhyay

請提供重現問題所需的所有代碼（HTML，CSS和JavaScript）。 –

嘿，它可能是下拉列表的z-index的問題。嘗試更改下拉菜單的背景和z-index。您可能會對此有所瞭解。是的，正如@HiddenHobbes所說的那樣，這個代碼是很有用的。 – Shivi

上述案例的問題只是透明背景。

被追加到DOM名單

<ul class="ui-autocomplete ui-front ui-menu ui-widget ui-widget-content ui-autocomplete-custom"></ul>

與CSS

.ui-autocomplete-custom { 
    background: #87ceeb; 
    z-index: 2; 
}

這將顏色添加到列表中，和z指數將確保元素位於上方的另一元件。

2015-09-11 07:37:02 Shivi

對不起 - 您可以添加設置此背景值的位置的代碼示例。這是CSS還是jQuery修復？ – emeraldjava

@emeraldjava：它純粹的CSS修復。我將盡快在答案中添加代碼。 – Shivi

@Shivi請您編輯答案並添加實際解決方案。我遇到了同樣的問題，無法通過更改背景來修復它。 –

.ui-autocomplete { background-color: inherit; }

這對我的作品。

2017-04-04 17:05:36

回答