一、做网站过程中遇到找不到背景图片的问题
我们在做网站时,往往要用到其他网站的一些图片,通常处理办法很简单,就是选中图片点击鼠标右键选择“图片另存为”就可以保存图片了(见图1)。
图1 点击鼠标右键保存图片
但有时候我们按右键点击图片时却发现不能把图片保存下来,比如下图2的情况:
图2 点击鼠标右键不能保存图片
同样是一个网站的相似的图片,怎么有的可以找到,有的却不可以找到?
二、点击鼠标右键找不到图片的原因分析
1、上图1点击右键就可以找到图片的原因是:这类图片是以链接的形式保存到网页中的,所以可以直接右键保存。其代码形式为:
···<img alt="" src="template/picture/2-1g203141620b1.jpg"
2、而上图2的图片则是以背景图片的形式写入到css样式文件中的,其代码形式为:
.xxx {background:url(../images/adimg_news.jpg) no-repeat center; }
所以点击右键不能另存图片,即使用强大的谷歌浏览器也不能直接查看它的源代码找到图片。
怎么办呢?
三、怎样用遨游浏览中的ViewPage插件快速找到背景图片
对于上面遇到的不能找到(和保存)背景图片的情况,利用遨游自带ViewPage插件就可以解决这个问题(目前只有遨游浏览器才有这个功能哦)。方法如下:
第一步:用遨游浏览器打开要查找(提取)图片的网页,点击浏览器顶部的viewpage插件。
图3 用遨游打开图片所在网页
第二步:点击页面左侧的“图像”选项,就可以查看到整个网页上显示的图片。
图4 查看网页的图片
第三步:选中要保存的背景图片,按右键选择“Save Picture As···”选项,保存图片到本地电脑上。
图5 保存图片到本地
第四步:回到本地电脑就可以查看保存好的图片了。
图6 到本地电脑查看保存的图片
复杂的问题就这样轻松解决了。你学会了吗?