|
|
1、關(guān)于層的絕對(duì)定位。
有兩個(gè)div層，其中main類(lèi)div是整體的層，cloud類(lèi)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>';
?>
3、待續(xù)。
php技術(shù)：應(yīng)用開(kāi)發(fā)中涉及到的css和php筆記分享，轉(zhuǎn)載需保留來(lái)源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。
