您的位置:首页 > Web前端 > CSS

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

2011-08-02 00:00 555 查看
关于应用中遇到的一些问题及解决办法,做一些记录,以备后用。本人新手,技术还不熟练,笔记比较幼稚。嘲笑请轻笑。
  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、待续。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: