水平對齊圖像使用CSS背景下拉

我有一個容器是一個頁面上的彈出窗口，它有很多控件其中之一是一個下拉列表，現在我想使這個下拉負載動態，我需要加載時在下拉列表旁邊添加一個圖標。水平對齊圖像使用CSS背景下拉

我怎樣才能達到相同的使用CSS特別使用背景屬性..是最好的解決方案？

而且我需要我的下拉寬度更新一次下拉加載內容和圖像消失..

我努力讓旁邊的下拉頁面上的圖像..

這裏我已經創建了一個小提琴：http://jsfiddle.net/jxWCu/1

現在我想和下拉水平排列的圖像..

來源

2012-06-14 user917670

創建了一個小提琴：http://jsfiddle.net/jxWCu/1我正在創建一個當你問它..：d – user917670

的選擇框和加載圖片都需要具有獨立的實體。另外，我不建議使用320x320 gif。 http://jsfiddle.net/jxWCu/11/

來源

2012-06-14 10:49:10 Dutchie432

有沒有其他的方式？我希望他們在下拉菜單中的原因是因爲我需要在加載drodown時調整下拉列表的widht，我的想法是完全刪除此類，而另一個默認類將應用 – user917670

圖像ws例如我得到了frm google – user917670

下拉菜單應根據其內容自動調整大小。由於這兩個項目都是'float：left'，加載圖標將隨着下拉寬度一起移動。請參閱更新：http://jsfiddle.net/jxWCu/12/ – Dutchie432

您可以將裝載樣式的div容器http://jsfiddle.net/jxWCu/7/

來源

2012-06-14 10:50:20

我的容器中有其他控件 – user917670

您將很難自己設計下拉式樣，以便您可以將它添加到容器中的自己的div中。這樣你的其他控件不會受到影響。 –

CSS僞元素可以使一個巧妙的解決辦法也在這裏：http://jsfiddle.net/jxWCu/14/]

HTML：

<div class="loading"> 
    <select> 
     <option>Loading</option> 
    </select> 
</div>

CSS：

.loading select { width: 260px; } /* Width of your dropdown */ 
.loading:after { 
    content: url(http://ajaxload.info/cache/FF/FF/FF/00/00/00/1-0.gif); 
    vertical-align: middle; 
}

來源

2012-06-14 11:00:08

我該如何擺脫使用JavaScript的風格？ – user917670

您可以使用JavaScript將'loading'類設置爲「content：none;」刪除圖像。 – 2012-06-14 11:02:10

@ user917670不要忘記標記你認爲回答你的問題的答案是否正確。 – 2012-06-15 08:20:21

水平對齊圖像使用CSS背景下拉

回答

相關問題