|
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、待續。
php技術:應用開發中涉及到的css和php筆記分享,轉載需保留來源!
鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。