關於應用中遇到的一些問題及解決辦法,做一些記錄,以備後用。本人新手,技術還不熟練,筆記比較幼稚。嘲笑請輕笑。
1、關於層的絕對位置。
有兩個div層,其中main類div是整體的層,cloud類div是絕對位置層,實現的效果是在螢幕右上方顯示一個雲彩的gif圖片。div布局代碼如下:
複製代碼 代碼如下:
<div class="cloud"></div>
<div class="main">
...
</div>
在過程中一度將cloud層放在了main層裡,導致ie無法顯示cloud層。後將cloud層放出main層外部,並將main的position改為relative,才解決了這個問題。CSS代碼如下:
複製代碼 代碼如下:
.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、關於年月日的下拉框選擇實現。
年月日的下拉框做的很獃滯,日期不能隨著年份和月份的變化而變化。但是這是比較初級的解決方案,也參考了網上別人的方法。以後再研究更新的方法。
複製代碼 代碼如下:
<?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>';
?>
3、待續。