2013-07-31 41 views
1

如何添加我的投资组合图像转换成CSS,并保持相同的外观,因为它是在这个提琴:http://jsfiddle.net/Q535e/在CSS中添加图片而不是HTML中的链接?

<section> 
</section> 

我正在学习如何使我的网站的部分业务,并为此我只是说一些随机链接到HTML,但现在我想下载这些图像并将它们保存到“图像”文件夹中。所以,应该从我的硬盘(“图像”文件夹)调用图像,而不是从网络链接调用。

在此先感谢!

+0

你是从电脑上创建这个网站吗?还是由某个人托管? – stackErr

+0

你在问如何将自己的图片上传到网络服务器?这不是一个真正的CSS问题。你能澄清一下吗? – aaronburrows

+0

@stackErr一切都在我的电脑上,它不在任何地方托管。 –

回答

1

如果我理解正确,您需要将所有需要的图像下载到硬盘上。然后将它们保存到您提到的“图像”文件夹中。

现在,从这个改变你的HTML:

<img alt="Tour Eiffel" src="http://www.travelskyline.net/wallpapers/eiffel_tower_paris_france-800x600.jpg"> 

要:

<img alt="Tour Eiffel" src="images/eiffel_tower_paris_france-800x600.jpg"> 

这样做对所有你的图片。

+0

哈〜谢谢!我想这就是我一直在寻找的!我会尽快测试它。我之前是这么做的,但由于某种原因(今天真的很热),我认为我需要将我的图像“移动”到CSS中,所以我困惑了自己:)谢谢! –

+1

继承人如何思考CSS。 CSS只会做你的网页的“外观和格式”,所以当你说你想添加图片到你的CSS时,听起来很奇怪。你不添加图片到CSS,你描述他们在CSS中看起来如何。 – stackErr

+0

谢谢!我会记住你的意见。感谢你的帮助!顺便说一句,我刚刚尝试从上面的建议,它的工作原理,因为我想它的工作:) –

1

分配background-image属性要在图像的DIV,例如:

HTML:

<div class="projectshot">...</div> 

CSS:

.projectshot { 
    background-image: url("image.jpg"); 
} 

如果我理解你的措辞对,您无法在硬盘上为网站上的图像来源制作图像。图像必须托管在服务器上。

0

不太确定你对图像位置的含义。您可以通过CSS实现img标签和图片。

但是,您可以在链接上使用background-image css规则并在这些链接上设置高度,宽度和显示:块后实现您的目标。