您只能看到图像的顶部,因为您的背景图像比css中用于#平滑处理的图像大得多:
时尚。css#smoothup {height: 40px; width: 90px;}
实际图像为122 x 105。
您需要:
1: 修改css定义#smoothup以适应背景图像的大小
或
2修改背景图像以适应容器的大小
或
3: 使用CSS3background-size
缩放背景图像(IE8及以下版本中不支持),并且由于长宽比不匹配,因此看起来是错误的。
如果您有意缩小图像以显示视网膜,请将其作为img
元素并使用css缩小,但maintain the aspect ratio