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

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

相关文章

PHP弱类型语言中类型判断操作实例详解

本文实例讲述了PHP弱类型语言中类型判断操作。分享给大家供大家参考,具体如下: 1、php一个数字和一个字符串进行比较或者进行运算时,PHP会把字符串转换成数字再进行比较。PHP转换的规...

PHP实现设计模式中的抽象工厂模式详解

PHP实现设计模式中的抽象工厂模式详解

抽象工厂模式(Abstact Factory)是一种常见的软件设计模式。该模式为一个产品族提供了统一的创建接口。当需要这个产品族的某一系列的时候,可以为此系列的产品族创建一个 具体的工厂...

PHP从零开始打造自己的MVC框架之入口文件实现方法详解

PHP从零开始打造自己的MVC框架之入口文件实现方法详解

本文实例讲述了PHP从零开始打造自己的MVC框架之入口文件实现方法。分享给大家供大家参考,具体如下: 首先来了解一下框架的运行流程: 入口文件 -> 定义常量 -> 引入函...

简单的方法让你的后台登录更加安全(php中加session验证)

本文将以Joomla!后台链接为例,讲解如何“修改”我们的后台链接,使其更加安全。 原理:通过特定文件为后台入口注册session,否则失败退出。即直接使用原后台地址将无法登录后台。这样...

PHP实现的获取文件mimes类型工具类示例

本文实例讲述了PHP实现的获取文件mimes类型工具类。分享给大家供大家参考,具体如下: <?php /* * Copyright 2010-2013 Amazon....