我们都知道，在一些舞台表演中，舞台的背景常常会起到一个非常重要的作用，一个好的舞台背景可以使整个表演过程更具氛围，同样，对于一个网站来说，它的背景设置也可以使整个网站的设计更加完美，使网站的风格更加统一。
单单从技术上来看，我们知道网页的背景包括了背景色以及背景图像，一般情况下，我们是不会去提倡使用背景图像的，而相应的会提倡大家通过使用背景色或色块来设置网页的背景。这样做的原因很明显：
第一，考虑到网站的下载速度，如果使用背景色的话，那么原有网页的下载速度不会受到影响，因为背景色的下载速度忽略不计，而使用图片做背景的话，那么网站的下载速度就会大大的受影响，至于受影响的程度，那就要根据图像的字节来判定了。此外还有一点点设计的技巧那就是当你使用的背景图像颜色比较深的话，那么你最好把背景色也设置为深色调（默认的背景色是白色），这样的话在浏览者等待浏览器下载背景图片的时候网页前面的浅色文字还可以让读者阅读，因为当网页处在有背景色的情况下时，浏览器先将其下载，然后再下载其它的背景图片；这样一来就可以降低浏览者因为等待失去耐心而转向其它网站的概率。
在网站建设过程中，我们经常会遇到Div漂浮层无法覆盖select下拉框，而总是被其遮盖的情况，让网站浏览者的用户体验大打折扣。再就是无法改变select下拉框的背景效果，让网页设计总是留下缺憾。如此网站缺憾，在某种程度上是网站设计的败笔，这样的网站是很难让登录者理解和接受的，他们有可能再不会发生第二次登录。今天我们就来与大家分享一下，如何解决select无法被遮盖及无法改变背景的问题，让网页设计更加出色！
首页我们要用到htc文件动态脚本修复，然后仅使用几行简单的CSS即可解决问题。
以下为示例代码：
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>select</title>
<style type="text/css">
select {border: 1px solid #ccc;background: none;padding: 4px 5px;outline:none;color:#333;*behavior: url(select.htc);select:focus {border-color: #79c0f2;}
</style>
</head>
<body>
<select>
<option>select</option>
</select>
</body>
</html>
不同格式图像的特点，这些特点决定了如何在Web上使用这些图像，同时也是选择图像格式的因素之一。
图形VS照片
不管你使用哪种图像格式，优化方法取决于图像的具体类型；
图形
网站的Logo、草图、图表、大部分动画和图标都属于图形。这些图像通常由连续的线条或其他尖锐的颜色过渡组成，颜色数量相对较少。
照片
照片通常有百万数量级的颜色，并且包含平滑的颜色过渡和渐变，想象一下用相机拍摄的日落时的照片。绘画作品的图像更接近于照片，而不是图形。
