0

我有一个容器，它是页面上的弹出窗口，它有很多控件，其中一个是下拉列表，现在我想动态加载这个下拉列表，为此我需要在加载时在下拉列表旁边添加一个图标.

我怎样才能使用css专门使用背景属性来实现相同的目标。这是最好的解决方案吗？

此外，一旦加载下拉内容并且图像消失，我还需要更新下拉宽度。

我正在努力在下拉列表旁边的页面上获取图像..

这是我创建的小提琴：http: //jsfiddle.net/jxWCu/1

现在我想让图像与下拉菜单水平对齐..

4

3 回答 3

0

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-14T11:00:08.823 回答
0

选择框和加载图像需要是单独的实体。另外，我不建议使用 320x320 的 gif。http://jsfiddle.net/jxWCu/11/

于 2012-06-14T10:49:10.447 回答
0

您可以将加载样式应用于容器 div http://jsfiddle.net/jxWCu/7/

于 2012-06-14T10:50:20.030 回答