我刚开始学习CSS。我喜欢学习的一种方法是从我崇拜的网站复制源代码，然后自己“重建”它以了解它是如何完成的。我不是在使用该网站，也不是在窃取它 - 我只是在练习它。例如，我将从样式表中获取各种s，然后在我自己的页面中使用它来查看它是如何工作的等等。有时候我很难看到背景图形在代码中如何工作，所以我想真正得到它背景图片，可以肯定地看到那个图像是什么（因为在CSS中由于背景颜色与图形的混合等而在CSS中很难）。
无论如何，在“传统”HTML网站中，您可以右键单击图像并将其保存到计算机中。你能用CSS做到这一点吗？我可以获得.css样式文件（它们会弹出记事本等） - 但是我可以获得图形吗？
ID代码通常表示如下：
background:url("graphicfilename.jpg") no-repeat left top;
..但是这并没有告诉我该文件所在的目录。如果我问一个“禁忌”类型的问题，就像我想要窃取，或者其他什么，我不是。我只是想学习。
我可以在CSS派生的网页中获取图形吗？
感谢，
Phile
答案 0 :(得分：2)
在css中，背景图像的网址是相对的，相对于css资源的位置。所以如果你有这个：
background: url('../images/some-image.png')
和css网址是：
/css/my-style.css
然后图像将位于：
/images/some-image.png
编辑：并且不用担心为了您自己的目的检查或调整其他人html或css。这就是我们所有人学习的方式，我们如何从技术/代码解决方案中获得灵感，或者只是在我们自己的网站上获得特性和功能的想法。它在那里，所以使用它。
答案 1 :(得分：1)
..但是这并没有告诉我该文件所在的目录。
图像相对于样式表。
顺便说一句，你没有将"放在url()中。您可以简单地编写background:url(graphicfilename.jpg)而应该，因为当您添加引号时，至少有一个浏览器（Mac上的MSIE5.5）barf。
答案 2 :(得分：0)
有些工具可以帮助您从网站获取图像。例如，使用Google Chrome，您可以右键单击任何元素，例如图像，然后选择“检查元素”。这将打开“开发人员工具”窗口。从那里，单击名为“Resources”的选项卡。这将显示页面正在使用的文件的完整列表，包括图像。找到您想要的图像，右键单击它并选择另存为...
如果您正在查看CSS，并且看到对背景图像的引用，则引用与CSS文件相关。因此，如果CSS文件位于domain.org/css/myfile.css，并且背景图像的代码为background：url（“myimage.png”）;然后该图像位于domain.org/css/myimage.png。