Question

嗨，请take a look for better understanding。

这里背景repeat-x平滑渲染，而背景重复-Y渲染中断。

<html> <head>
<style type="text/css">
.dark {
    width: 100%;
    height: 100%;
    background: white url('images/button_darkgrey_TPLinux_110x80.jpg');
    background-repeat: repeat;

 }
</style> </head>

< body>
  <div style="width: 500px; height: 350px; z-index: 1">
        <input type="button" class="dark" value="7"/>
  </div>
</body> </html>

Answer 1

您可以做的是设置背景图片和图片标记<img class='dark' src="img.jpg" />并为其提供以下css，使其像背景一样。

.dark{
  position:absolute;
  z-index:-1;
  width:100%;
  height:100%;
}

检查http://jsfiddle.net/P4rrP/1/

处的工作示例

CSS / HTML：背景图像Repeat-Y错误

1 个答案:

检查http://jsfiddle.net/P4rrP/1/