代码之家 › 专栏 › 技术社区 › Irina

background-repeat-x/y不适用于firefox/safari

firefox css

Irina · 技术社区 · 6 年前

下面的代码演示了 background-repeat-x/y 因为某些原因,在火狐上不起作用。它只是删除了那些样式(但不象它们是错误的+它们不会在某个地方被覆盖)。当我尝试将这些样式组合在一起时( 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>

1 回复 | 直到 6 年前

Irina 6 年前

使用 background-repeat: repeat-y; 相反。

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

在文档中找不到。

推荐文章

YunusoviÄ · 我无法用css更改html段落颜色

1 年前

Blake · 无法使用CSS旋转Angular 15中的字体图标

1 年前

Maarten -Monica for president · 将图像放在锚点标记内时调整网格中的图像大小

1 年前

Phil Lucks · 如何制作边界的外半径?

1 年前

roy_meir · 创建自定义下拉式元素

1 年前

Community wiki · 如何为触摸设备优化网站

1 年前

Paras Chandravanshi · 为什么<ul>没有从其父<p>元素继承?

1 年前

tpetzoldt · 如何在有光泽的情况下抑制图像的抗锯齿?

1 年前

boyenec · 反应如何将css样式应用于我从api respose获得的页面的spcifc部分

1 年前

manofconstsorrow · 点击导航项目关闭汉堡菜单

1 年前