CSS/HTML:背景图像重复-Y错误_Html_Css

CSS/HTML:背景图像重复-Y错误

html css

CSS/HTML:背景图像重复-Y错误,html,css,Html,Css,你好此处，背景重复-x平滑渲染，而背景重复-Y使用break进行渲染 <html> <head> <style type="text/css"> .dark { width: 100%; height: 100%; background: white url('images/button_darkgrey_TPLinux_110x80.jpg'); background-repeat: repeat; } </sty

你好

此处，背景重复-x平滑渲染，而背景重复-Y使用break进行渲染

<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>


.黑暗{
宽度：100%；
身高：100%；
背景：白色url（'images/button_darkgrey_TPLinux_110x80.jpg'）；
背景重复：重复；
}

您可以设置背景图像和图像标记，并为其提供以下css，使其像背景一样工作

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

查看工作示例，抱歉，我不明白您所说的休息是什么意思。是否要拉伸背景图像，即背景图像的顶部与按钮的顶部对齐，背景的底部与按钮的底部对齐？完全是。我希望垂直拉伸的图像在CSS3出现之前看起来不容易实现。。。有关于如何伪造它的信息（示例针对整个页面，但您应该能够推断），但是代码看起来有点难看。只要调整图像或按钮的大小，你的运气可能会更好…@Xavier:我试图使用给定的示例进行修复，但无法做到这一点。这篇文章告诉我们的另一件事是如何伪造，作者的工作示例只是为了欺骗我们。@user575363-它可以工作-使用Firebug关闭宽度和高度CSS规则，你会看到它实际上是一个被CSS拉伸的小图像（与侯赛因的回答非常类似）。请注意，在您的情况下，您可能需要将

位置：相对

添加到包装器div中，以使img上的

位置：绝对

正常工作。干杯这是我的建议，因为图像URL显然是演示文稿的一部分（而不是内容的一部分），所以它应该放在CSS中，而不是HTML中。这无关紧要。给它

位置：绝对和z-index:-1
将使它成为背景。谢谢你。它在我使用图像时工作（问题仍然是一样的），我不明白。您需要输入背景？？输入类型按钮为“是”#深色{背景：白色url（'images/button.jpg'）重复左上；}