應用開發中涉及到的css和php筆記分享

2024-05-04 23:17:21

字體：大中小

來源：轉載

供稿：網友

關于應用中遇到的一些問題及解決辦法，做一些記錄，以備后用。本人新手，技術還不熟練，筆記比較幼稚。嘲笑請輕笑。
　　1、關于層的絕對定位。
　　有兩個div層，其中main類div是整體的層，cloud類div是絕對定位層，實現的效果是在屏幕右上角顯示一個云彩的gif圖片。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 >';
foreach ($years as $value) {
echo "<option value=/"$value/">$value 年</option>";
if ($value == 1987) {
echo '<option value=/'1987/' selected>1987 年</option>';
}
}
echo '</select>';
echo '<select >';
foreach ($months as $key => $value) {
echo "<option value=/"$key/">$value</option>";
}
echo '</select>';
echo '<select >';
foreach ($days as $value) {
echo "<option value=/"$value/"> $value 日</option>";
}
echo '</select>';
?>