2015.3.14 (Knowledge of the home page and pure CSS compatible IE6 implementation of the Response drop-down menu)

Last night wrote a knowledge of the home exercise, only completed the upper part of the exercise. The lower half makes a purely CSS responsive drop-down menu (compatible with IE6).

It can be seen that the two characters under the word is cut down, a little chromatic aberration ... The code is as follows:

JS is only used to get the width of the viewable area.

function Setindex () {
var commonwidth = $ (window). Outerwidith;
var commonwidth = $ (window). outerheight;
$ (". Backtitle"). CSS ("width" commonwidth);
}

HTML part of the code:

The core code of the main drop-down menu in the CSS section:

A purely CSS-responsive drop-down menu this mainly uses the Visibility property of CSS. It also experimented with another HTML5+CSS3 response drop-down menu. But if the Web page uses HTML5 and CSS3, is it not necessary to consider the lower version of the browser?

Or to determine what kind of browser, and then for each browser incompatible features to find a solution, the lower version of the browser to throw away or prompt users to upgrade?

This drop-down menu is not satisfactory, as if it were the layout of the menu's main selection (headline) and drop-down menu. Feeling or not. Is it related to the Clear:both attribute?

Write and delete effect no change, I deleted ...

2015.3.14 (Knowledge of the home page and pure CSS compatible IE6 implementation of the Response drop-down menu)