Why is the image stored in CSS totally different? How to solve problems quickly

Source: Internet
Author: User

Address: http://www.pconline.com.cn/pcedu/soft/wl/ftp/0907/1714364.html

What is "Image in CSS "? Simply put, the image is embedded in the CSS style sheet. When we use the "Save as" function of the browser to save webpages, because many images written in the CSS style table cannot be downloaded, the downloaded webpages will be invisible when they are opened. Or, we can more commonly think that this is also a form of encryption for web images.

So there is no good solution for saving such images? No! Let's take a look at the following recommended methods for saving.

Method 1: use the Internet Express to download the software

The latest version of the Internet Express flashget3.1 download software, which has a "resource detector" function, can help us detect and download CSS images. 1. Open the express resource detector, select the option from the File menu, and then select "detect images in CSS" in the "advanced" option bar ".


Figure 1 settings of express resource Detector

In the address bar of the resource detector page, enter the address of the web page to be downloaded, click the "probe" button on the right, and wait a moment to search for all the image addresses on the page, as shown in figure 2; then use the Express software Ma Li to download it.


Figure 2 detect and download an image

Tip:In addition to the ability to detect images in CSS, the express train resource detector can also provide addresses such as audio and video resources hidden on webpages and software download resources, so that there is no limit to downloading images.

Method 2: Search for the downloaded webpage

Open the webpage where the CSS image is located in the browser, view the webpage source file, and find the CSS path. Copy the path to the browser and download it to the local computer, as shown in 3.


Figure 3 download a CSS file from a webpage

The next step is to find embedded images in this CSS file. There are two ways to achieve this. One is to directly open the CSS file, search for the image address one by one, and download it. Obviously, this method is time-consuming. Another method is to use the CSS image batch Acquisition Tool, as shown in Figure 4. Import the downloaded CSS file in the "CSS file" and click the "Search" button on the right; select all the image addresses shown below, and click "Download.


Figure 4 search for and download images in CSS

Tip:When using the "CSS Image Acquisition Tool" described above, pay attention to filling in the "file base address" column. The base address is the address of the homepage of the website where the added CSS file is located, if an error occurs, the file cannot be downloaded. Ignore the "matching mode" option and keep the default option.

Knowledge link:CSS is a stacked style sheet. CSS technology is used to create the home page, which can effectively control the layout, Font, color, background and other effects of the page. Images in CSS are generated for this purpose. When some new users of web design need to be secretly lazy and want to take some images on the other side of the webpage for their own use, but these images are based on the CSS architecture, you need to consider how to download and save the file. Of course, you can use the method described in this article.

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.