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

來源:互聯網
上載者:User

關於應用中遇到的一些問題及解決辦法,做一些記錄,以備後用。本人新手,技術還不熟練,筆記比較幼稚。嘲笑請輕笑。
  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、待續。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.