Question

我在下面的代码中演示了background-repeat-x/y由于某种原因在FireFox上不起作用。它只是剔除了那些样式（但不是像它们不正确一样+在某些地方没有被覆盖）。当我尝试将这些样式组合为一种（background）时，也会引起注意。可以知道为什么会这样。找不到类似的东西。

.myDiv {
  height: 200px;
  background-image: url(https://user-images.githubusercontent.com/37912316/38108463-2d5980dc-3395-11e8-948a-d7fd97647f86.png);
  background-repeat-x: no-repeat;
  background-repeat-y: repeat;
  
}

<html lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    </head>
    
    <body>
        <div class="myDiv">
        <p>Some text</p>
        </div>
    </body>
</html>

Answer 1

改为使用background-repeat: repeat-y;。

background-repeat-x: no-repeat;
background-repeat-y: repeat;

在文档中找不到。

Background-repeat-x / y在Firefox / Safari中不起作用

1 个答案: