快捷導(dǎo)航

應(yīng)用開(kāi)發(fā)中涉及到的css和php筆記分享

更新時(shí)間：2011年08月02日 19:00:57 作者：

最近一周使用SAE開(kāi)發(fā)一個(gè)簡(jiǎn)單的微博應(yīng)用。應(yīng)用本身很簡(jiǎn)單，使用php算法可以輕松實(shí)現(xiàn)。但是在調(diào)用新浪API的時(shí)候遇到很多各種各樣的麻煩。應(yīng)用到現(xiàn)在還有些不穩(wěn)定。

關(guān)于應(yīng)用中遇到的一些問(wèn)題及解決辦法，做一些記錄，以備后用。本人新手，技術(shù)還不熟練，筆記比較幼稚。嘲笑請(qǐng)輕笑。
　　1、關(guān)于層的絕對(duì)定位。
　　有兩個(gè)div層，其中main類div是整體的層，cloud類div是絕對(duì)定位層，實(shí)現(xiàn)的效果是在屏幕右上角顯示一個(gè)云彩的gif圖片。div布局代碼如下：

復(fù)制代碼代碼如下:

 
<div class="cloud"></div> 
<div class="main"> 
... 
</div> 

在過(guò)程中一度將cloud層放在了main層里，導(dǎo)致ie無(wú)法顯示cloud層。后將cloud層放出main層外部，并將main的position改為relative，才解決了這個(gè)問(wèn)題。CSS代碼如下：

復(fù)制代碼代碼如下:

 
.main{ 
position:relative; 
top:30px; 
width:600px; 
height:auto; 
text-align:left; 
background-color:#FFFFFF; 
border:5px solid #FF0011; 
} 
.cloud { 
background: url(../image/cloud.gif) no-repeat 100% 50%; 
height: 171px; 
position: absolute; 
right: 0px; 
top: 0px; 
width: 345px; 
z-index: 1000; 
} 

　　2、關(guān)于年月日的下拉框選擇實(shí)現(xiàn)。
年月日的下拉框做的很呆滯，日期不能隨著年份和月份的變化而變化。但是這是比較初級(jí)的解決方案，也參考了網(wǎng)上別人的方法。以后再研究更新的方法。

復(fù)制代碼代碼如下:

 
<?php 
$months = array (1 => '1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'); 
$days = range(1,31); 
$years = range(1930,2011); 
echo '<select name="year" >'; 
foreach ($years as $value) { 
echo "<option value=\"$value\">$value 年</option>"; 
if ($value == 1987) { 
echo '<option value=\'1987\' selected>1987 年</option>'; 
} 
} 
echo '</select>'; 
echo '<select name="month" >'; 
foreach ($months as $key => $value) { 
echo "<option value=\"$key\">$value</option>"; 
} 
echo '</select>'; 
echo '<select name="day" >'; 
foreach ($days as $value) { 
echo "<option value=\"$value\"> $value 日</option>"; 
} 
echo '</select>'; 
?> 