Html 选择多个背景图像

好吧，就这么定了。我有一个带有背景图像的

标签。 所以现在每当我向下滚动时，背景图像不会随着文本向上移动。我得到了这样的效果：

左边的图片在我滚动之前，右边的图片在我滚动之后

当我向下滚动时，我希望它向上移动。这样每条线都保持相同的颜色

---

有什么建议吗？

不是对你的问题的回答，但是给每个

选项

一个单独的背景色不是更可取吗

---

例如，如果用户增加字体大小，背景图像方法肯定会失败。

不是对您问题的回答，但是给每个

选项

一个单独的背景颜色不是更可取吗

---

背景图像方法肯定会失败，例如，如果用户增加字体大小。

我不确定它是否适用于

选择

元素，但可能：

option:nth-child(odd) {
    Background-color: #ffa;
 }

或者，使用jQuery（适用于不太兼容/现代的浏览器）：

---

为

select

使用背景图像来模拟斑马条纹不太可能在不同的浏览器、字体大小、平台上可靠地工作…

我不确定它是否适用于

select

元素，但可能：

option:nth-child(odd) {
    Background-color: #ffa;
 }

或者，使用jQuery（适用于不太兼容/现代的浏览器）：

---

为

选择
使用背景图像来模拟斑马条纹不太可能在不同的浏览器、字体大小、平台上可靠地工作…
为什么不直接为每行应用背景颜色

<option style="background-color: #FFF">...</option>
<option style="background-color: #EEE">...</option>

。。。
...

这很好（使用css类而不是样式属性）
为什么不直接为每行应用背景色

<option style="background-color: #FFF">...</option>
<option style="background-color: #EEE">...</option>

。。。
...

这很好（使用css类而不是样式属性）
您可以使用jquery的奇数或偶数选择器实现这一点

例如，如果您有一个

<ul id="list">
    <li>Bla bla</li>
    <li>Bla bla 2</li>
    <li>Bla bla 3</li>
    <li>Bla bla 4</li>
    <li>Bla bla 5</li>
</ul>

$('#list li:odd').addClass('odd');


布拉布拉
布拉布拉2
布拉布拉3
布拉布拉4
布拉布拉5

$（'#list li:odd'）.addClass（'odd'）；

这将向li元素添加一个
class=“odd”
，例如（2、4、6、8、10等）
然后，您可以根据需要设置.odd类的样式。
您可以使用jquery的奇数或偶数选择器来实现这一点

例如，如果您有一个

<ul id="list">
    <li>Bla bla</li>
    <li>Bla bla 2</li>
    <li>Bla bla 3</li>
    <li>Bla bla 4</li>
    <li>Bla bla 5</li>
</ul>

$('#list li:odd').addClass('odd');


布拉布拉
布拉布拉2
布拉布拉3
布拉布拉4
布拉布拉5

$（'#list li:odd'）.addClass（'odd'）；

这将向li元素添加一个
class=“odd”
，例如（2、4、6、8、10等）
然后，您可以根据自己的意愿设置.odd类的样式。
您可以在该框中添加一些标记吗？我的问题已经得到了回答。谢谢你的时间。你能不能在那个盒子里加上一些标记。我的问题已经回答了。谢谢你的时间谢谢我一定会试试这个@raf48：请记住，纯CSS方法可能并不适用于所有浏览器（特别是IE<9，或者8，我不确定）。jQuery将应用内联样式，当然也会起作用（如果你愿意的话，你可以用它来代替
css（）
。谢谢，我一定会试试这个！@raf48：请记住，纯css方法可能并不适用于所有浏览器（特别是<9，或者8，我不确定）。jQuery将应用内嵌样式，但也可以使用（尽管您可以替代
css（）
，如果你愿意的话。也许他是从DB得到的。是的，我从DB得到，我用JS生成代码，所以我将为奇偶选项背景色编写一个函数。也许他是从DB得到的。是的，我从DB得到，我用JS生成代码，所以我将为奇偶选项背景色编写一个函数