Html <；的CSS背景图像问题；选择>&&书信电报；选项>；

HTML

<select data-val="true"  id="GameID" >
   <option value="">Select Game...</option>
   <option value="4">Counter Strike Source</option>
   <option value="5">Medal Of Honor</option>
   <option value="6">NFS Shift</option>
</select>

• 在Firefox中，它运行良好
• 在Opera中，它仅适用于select，而不适用于option
• 在IE 9.0和Chrome中，它有一种奇怪的行为
  我希望所有浏览器都像Firefox一样显示

---

是源

您的alpha透明度在

RGBa

值中设置为0，这意味着它将完全透明/不可见，需要将其设置为1才能可见

---

另外，您需要将

RGBa

值放在

url（'image.jpg'）

更改表单元素的样式并不是那么容易。。每个浏览器都有自己的功能。有些浏览器会接受在您的选择中包含背景图像，而其他浏览器则不会

一种简单的方法是添加默认颜色，这样，如果浏览器无法渲染图像，它将渲染该颜色

background: #c3c3c3 url(http://www.3dtuning.ru/img/design/gallery-back.png) repeat-x 0 0;

这样，firefox用户将看到一个背景图像（在我看来，它看起来总是很难看），而其他浏览器将以灰色背景显示

---

希望这能像上一篇文章一样有所帮助：颜色优先于图像url。 代替rgba（0,0,0,0），您最好使用“透明”一词，因为这样会更好地兼容

background: #c3c3c3 url(http://www.3dtuning.ru/img/design/gallery-back.png) repeat-x 0 0;