The perfect restoration of Web page design artwork

Before Firefox has a plug-in, you can load the design into, set to translucent, and then the layout has a reference, you can restore the page as perfect as possible, even to the pixel. But with the continuous upgrade of FF, the plugin has not been updated for a long time, it has not been used. Of course, we also have other methods to achieve, this magic power powerful, but the internal force consumption is also very large, cautious use, use with caution.

To the eyes of the article

Html:after,
Body {
Display:block;
Position:absolute;
top:0;
left:0;
padding:0;
margin:0;
width:100%;
height:5000px;
}

Html:after {
Content: "";
opacity:0.15;
Z-index:1;
Background:url (page.png) no-repeat Center top;
}

body {z-index:2;}

Description: The above CSS can be added to the layout, after the completion of the deletion. Use: After pseudo-class to set the background map, to design the translucent fixed at the bottom, do not affect the HTML and body.

To the eyes of the next chapter

This next article, you can perfect the power of eye work, can be the fastest speed, accurate reduction of design drafts, and even accurate to pixels, if you want to, of course, time and energy consumption is a bit large.

Description: Webstrom is a very good front-end development tools, the next main borrowing its Css-x-fire plug-in, this plug-in allows the dynamic adjustment of CSS in Firebug, after the completion of the adjustment, a key to rewrite the CSS file, convenient and quick.

There is obsessive-compulsive disorder, always want to accurate to the pixel reduction of children's shoes can try the whole article of the eye work.

The perfect restoration of Web page design artwork