<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>11-24</title><link href="11-24.css"? rel="stylesheet" type="text/css"/></head><body>?? ?<!--top -->?? ?<div id="top">?? ???? <div id="top-1">?? ??? ???? <a href="#"><img src="img/top/firefox-logo.gif" alt="FireFox" title="FireFox"/></a>?? ??? ??? ?<p><a href="#"><span>11月24日 周二</span> <span><strong>北京</strong></span> <span>小雪-2℃-8℃</span> <span>星座運勢<img src=????????????? "img/top/xiala.gif" /></span> </a></p>?? ??? ??? ?<ul>?? ??? ??? ???? <li><a href="#">意見反饋</a></li>?? ??? ??? ???? <li><a href="#">返回舊版</a></li>?? ??? ??? ???? <li><a href="#">換膚<img src="img/top/xiala.gif" /></a></li>?? ??? ??? ???? <li><a href="#">設置<img src="img/top/xiala.gif" /></a></li>?? ??? ??? ???? <li><a href="#">訪問記錄<img src="img/top/xiala.gif" /></a></li>?? ??? ??? ???? <li><a href="#">登錄</a></li>?? ??? ??? ?</ul>?? ??? ?</div>?? ?</div> ?? ?<!--all-->?? ?<div id="all">?? ?<!--header-->?? ??? ?<div id="header">?? ??? ???? <img src="img/all/baidu-logo.gif" />?? ??? ??? ?<ul class="ul1">?? ??? ??? ???? <li><a href="#">網頁</a></li>?? ??? ??? ??? ?<li><a href="#">新聞</a></li>?? ??? ??? ??? ?<li><a href="#">地圖</a></li>?? ??? ??? ??? ?<li><a href="#">視頻</a></li>?? ??? ??? ??? ?<li><a href="#">圖片</a></li>?? ??? ??? ??? ?<li><a href="#">音樂</a></li>?? ??? ??? ??? ?<li><a href="#">購物</a></li>?? ??? ??? ??? ?<li><a href="#">知道</a></li>?? ??? ??? ?</ul>?? ??? ??? ?<div class="input">?? ??? ??? ?<input type="text" /><input type="button" />?? ??? ??? ?</div>?? ??? ??? ?<ul class="ul2">?? ??? ??? ???? <li><a href="#">胡歌回應霍建華</a></li>?? ??? ??? ??? ?<li><a href="#">火鍋內撈出電池</a></li>?? ??? ??? ??? ?<li><a href="#">劉德華愛女享特權</a></li>?? ??? ??? ??? ?<li><a href="#">海清拒代言日產品</a></li>?? ??? ??? ??? ?<li><a href="#">換一換</a></li>?? ??? ??? ?</ul>?? ??? ??? ?<ul class="ul3">?? ??? ??? ???? <li><a href="#">笑話:</a><a href="#">別跑啊姑娘!</a></li>?? ??? ??? ??? ?<li><a href="#">郵箱登陸</a></li>?? ??? ??? ?</ul>?? ??? ??? ?<div id="pic">?? ??? ??? ??? ?<img src="img/all/pic-1.gif" id="pic-1"/>?? ??? ??? ??? ?<img src="img/all/pic-2.gif" id="pic-2"/>?? ??? ??? ?</div>?? ??? ??? ?</div>????????????? ??? ??? ?<!--header結束-->?? ??? ?<div id="contain"></div>????????????? <!--contain -->?? ??? ?<div id="footer"></div>?????????????? <!-- footer-->?? ?</div>?? ?<div id="bottom"></div></body></html>css:body{ background-color:#ecf0f1;}body,p,ul{ margin:0;}ul{ list-style:none;}img{border:none;}/*top*/#top{ height:30px;background:#2c6787;margin-bottom:10px;font-size:12px; line-height:30px; font-family:"新宋體"; }#top-1{ margin:0 auto; width:1020px;}#top-1 img[alt*="FireFox"]{float:left;}#top-1 p{float:left; margin-left:24px;}#top-1 p a{ color:#edecf2;text-decoration:none;}#top-1 span{ margin-right:14px;}#top-1 span img{ margin-left:10px;}#top-1 ul{float:right;}#top-1 li{ float:left; margin-right:20px;}#top-1 li a{ color:#ffffff; text-decoration:none;}#top-1 li img{ margin-left:8px;}#top a:hover{ color:#ff9500;}/* all*/#all{ margin:0 auto; width:1020px;height:1500px;}#header{ height:190px;position:relative; background-color:#00CCFF;}#header img{position:absolute; left:156px; top:24px; height:38px;}#header ul{ padding:0;}.ul1 li,.ul2 li{ float:left;}.ul1{position:absolute; left:326px; top:8px;font-size:13px; }.ul1 li{margin-right:20px;}.ul1 li:first-child a{ color:#e54724; font-weight:bold;}.ul1 li:first-child a:hover{ color:#ff9500;}.ul1 a{ color:#5b6475; text-decoration:none;}.ul1 a:hover{ color:#ff9500;}.input{position:absolute;left:306px;top:30px;}.input input[type*="text"]{ width:452px; height:44px; font-size:20px;border:1px solid #e54724;}.input input[type*="button"]{ width:54px; height:48px; position:relative;left:-1px; top:-3px; background:url(img/all/search-logo.gif)100% 100% no-repeat;border:1px solid #e54724;}.ul2{ position:absolute;left:306px;top:84px; font-size:12px; width:522px; background-color:#FFFF66;}.ul2 li{ margin-right:16px; }#header .ul2 li:last-child{ float:right;}#header .ul2 li:last-child a{color:#ff9500;}#header .ul2 li:last-child a:hover{ text-decoration:none;}.ul2 a{ color:#809ba9; text-decoration:none;}.ul2 a:hover{ text-decoration:underline; color:#ff9500;}.ul3{ float:right; font-size:12px; margin-top:36px;margin-right:50px;}.ul3 a{ color:#777779; text-decoration:none;}.ul3 a:hover{ color:#ff9500;}#pic{ position:relative;top:110px; width:1020px; height:60px; background-color:#00FF99;}#pic-1{}#pic-2{}#header{}#contain{}#footer{}#bottom{ height:156px; background-color:#9966CC;}這是在火狐下的效果,其他瀏覽器不知道什么樣子,,,,,
問下img的問題,,,,,,,,,,,,,,
慕碼人0911192
2015-11-24 17:28:50