我想在网页中添加背景纹理图像并插入我使用以下规则的图像:
background-image: url ('http://s19.postimg.org/r5f8g6uzj/container_pattern.jpg') repeat;
我要添加的图片是:http://s19.postimg.org/r5f8g6uzj/container_pattern.jpg; 但它不起作用,当编译较少的文件时,它会从此规则中产生错误, 什么错了或怎么做?
答案 0 :(得分:2)
试试这个:
style="height:300px; width: 200px; background-image: url(http://s19.postimg.org/r5f8g6uzj/container_pattern.jpg); background-repeat: repeat;"
1)指定高度和宽度。
2)url和'('
之间没有空格3)没有'包裹网址
4)单一背景重复属性
答案 1 :(得分:1)
它对我有用 你的问题是 - > url< - 和 - >('url')之间的分离;< -
<div class="test"> </div>
.test{
width: 1000px;
height: 1000px;
background-image: url('http://s19.postimg.org/r5f8g6uzj/container_pattern.jpg');
}
答案 2 :(得分:0)
它正在我的电脑上运行,试试这个
body{
background: url('http://s19.postimg.org/r5f8g6uzj/container_pattern.jpg');
}
在线查看示例:Fiddle
答案 3 :(得分:0)
我认为最好将图像保存到您自己的服务器,然后您就可以使用图像文件的本地路径了。某些网站可能不允许热链接到他们的图片。
答案 4 :(得分:0)
像这样使用...... 背景图像:URL( 'http://s19.postimg.org/r5f8g6uzj/container_pattern.jpg');