html – background-image：no-repeat not working,语法正确

发布时间：2020-12-14 18:42:34 所属栏目：资源来源：网络整理

导读：下面是我用于背景图像的语法.由于某种原因它在Y上重复.我不能使用overflow：hidden; stylebody{background-image:url('?php echo $ActualPath; ?images/backgroundimage.jpg'); background-image:no-repeat;}/style 我希望背景图像在x和y上不重复. 解决方法

下面是我用于背景图像的语法.由于某种原因它在Y上重复.我不能使用overflow：hidden;

<style>
body{background-image:url('<?php echo $ActualPath; ?>images/backgroundimage.jpg'); background-image:no-repeat;}

</style>

我希望背景图像在x和y上不重复.

解决方法

你应该使用的语法是

background-image: url(path/images/backgroundimage.jpg);
background-repeat: no-repeat;

..或者

background: url(path/images/backgroundimage.jpg) no-repeat;

如果您更喜欢short-hand syntax.

background-image总是只定义一个图像文件,所以在你的例子中,第二个背景图像规则试图覆盖第一个,但由于“no-repeat”不是有效的图像文件,浏览器只是忽略它.

各种背景属性列于here以供参考.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!