背景图片不能与本地图片一起使用？

我尝试了所有使本地图像显示背景图像。我知道我有正确的图像位置。因为如果我使用content：url（）;有用。背景图片不能与本地图片一起使用？

背景图片也适用于互联网上的url图片位置。但它不会用我的本地图像渲染。我尝试了所有可能的位置，并且不会渲染。

这是通向CSS：

<link rel="stylesheet" href="stylesheets/myCSS.css" type="text/css" media="screen">

我的图片文件夹是在为我的css文件夹相同的路径。

以下是HTML代码：

<div class="col-md-2"> 
    <p>start here</p> 
    <a href="#" class="angelhack"></a> 
    </div>

现在的CSS：enter code here

.col-md-2 .angelhack { 
    height: 65px; 
    width: 188px; 
    display: block; 
    background-image: url(myPicture.jpg) no-repeat 0px 0px; 
    z-index: 1; 
    } 

.col-md-2 .angelhack:hover { 
    background-image: url('http://4.bp.blogspot.com/-SWLJdR2_YzE/TWB- 
EvvBWpI/AAAAAAAAA6U/MVtkwJXED88/s320/donkey.png'); 
    }

任何标签之前，这是一个重复的问题，我已经找遍了所有这个问题的答案在StackOverFlow上，并遵循所有的建议，我仍然无法让图片呈现。我知道图片位于正确的位置，因为使用了Chrome和内容：url（）;图像的作品。有什么建议么？

来源

2017-09-01 QuestForMastery

您应该发布代码，其中给出的本地映像路径不是根据您工作的映像路径。就我个人而言，我认为你的当地路径存在问题。 – Sand

如果它显示任何错误，你可以检查devtools吗？ –

检查开发工具，没有错误。 – QuestForMastery

编辑：忽略该URL的文件路径不在双引号。

变化：

background-image: url("myPicture.jpg") no-repeat 0px 0px;

要：

background-image: url("myPicture.jpg"); 
background-repeat: no-repeat;

来源

2017-09-01 04:37:39

试试这个，看看它是否工作。

.col-md-2 .angelhack { 
    background: url("../images/bg.jpg") no-repeat; 
//Set your path in the double quote's 
    }

来源

2017-09-01 04:41:31 Sand

我试过了。这是我形象的确切路径。它位于图像文件夹中。但我也尝试制作它的副本并将其放入我的css文件夹和我的html文件夹中。 – QuestForMastery

你可以用给你这个问题的路径更新你的问题代码，这样我们就可以使用它了。 – Sand

确定更新路径 – QuestForMastery

我用background代替background-image和它的正常工作。并假定图片与您的html位于相同的文件夹中。

.col-md-2 .angelhack { 
    height: 65px; 
    width: 188px; 
    display: block; 
    background: url("myPicture.jpg") no-repeat 0px 0px; 
    z-index: 1; 
    }

来源

2017-09-01 04:44:00 Rakib

你缺少你""报价

background-image: url(myPicture.jpg);

随着

background-image: url("myPicture.jpg");

尝试，

background: url("myPicture.jpg");

此外，

“下面”和“上面”，我的意思是子目录和父目录。相对文件路径给了我们一种双向旅行的方式。看看我的原始例如：

这里是所有你需要了解的相关文件路径：

以“/”返回到根目录开始，并从那里开始
与开始“../”移动一个目录向后，并开始有
用“../../”移动两个目录向后启动，并开始存在（等等...）
前进，刚开始与第一个子目录，并保持前进

来源

2017-09-01 05:07:07 Hash

你唯一的问题是你写的background-image

而不是写像这样

background-image: url('mypicture.jpg') no-repeat 50px 50px; //the size isn't good there

做这样的

background-image: url('mypicture.jpg') no-repeat; 
background-size: 50px 50px;

的方式

它会出现像这样

来源

2017-09-01 05:35:48

背景图片不能与本地图片一起使用？

回答

相关问题