| | |
| | | |
| | | .tools_box { |
| | | position: absolute; |
| | | height: 120px; |
| | | width: 400px; |
| | | height: 90px; |
| | | width: 90px; |
| | | right: 1px; |
| | | top: 20px; |
| | | z-index: 1; |
| | |
| | | background: url(/img/charts_btn_bg_2.png) left top no-repeat; |
| | | background-size: 70%; |
| | | } |
| | | .wind_explain{ |
| | | position: absolute; |
| | | height: 200px; |
| | | width: 110px; |
| | | right: 1px; |
| | | top: 110px; |
| | | z-index: 1; |
| | | } |
| | | .wind_explain li{ |
| | | height: 25px; |
| | | } |
| | | .wind_explain li span{ |
| | | display: inline-block; |
| | | height: 25px; |
| | | line-height: 25px; |
| | | } |
| | | .wind_explain li img{ |
| | | vertical-align: top; |
| | | } |
| | | </style> |
| | | <body> |
| | | <div class="main_body"> |
| | |
| | | <div class="charts_btn"> |
| | | </div> |
| | | </div> |
| | | <div class="wind_explain"> |
| | | <ul> |
| | | <li><img src="/img/icoWind01.png" width="25" height="25"><span>1级风</span></li> |
| | | <li><img src="/img/icoWind02.png" width="25" height="25"><span>2级风</span></li> |
| | | <li><img src="/img/icoWind03.png" width="25" height="25"><span>3级风</span></li> |
| | | <li><img src="/img/icoWind04.png" width="25" height="25"><span>4级风</span></li> |
| | | <li><img src="/img/icoWind05.png" width="25" height="25"><span>5级风</span></li> |
| | | <li><img src="/img/icoWind06.png" width="25" height="25"><span>6级风</span></li> |
| | | <li><img src="/img/icoWind07.png" width="25" height="25"><span>7级风</span></li> |
| | | <li><img src="/img/icoWind08.png" width="25" height="25"><span>8级风及以上</span></li> |
| | | </ul> |
| | | </div> |
| | | <%-- <div class="search_box"> |
| | | <button id="searchBtn" type="button">搜索</button> |
| | | <textarea style="width: 300px;height:400px;" id="searchParam"></textarea> |