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

前端之家收集整理的这篇文章主要介绍了html – background-image:no-repeat not working,语法正确前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
下面是我用于背景图像的语法.由于某种原因它在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以供参考.

猜你在找的HTML相关文章