应用开发中涉及到的css和php笔记分享

  关于应用中遇到的一些问题及解决办法,做一些记录,以备后用。本人新手,技术还不熟练,笔记比较幼稚。嘲笑请轻笑。

  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、待续。