应用开发中涉及到的css和php笔记分享_PHP教程
程序员文章站
2022-06-05 12:39:03
...
关于应用中遇到的一些问题及解决办法,做一些记录,以备后用。本人新手,技术还不熟练,笔记比较幼稚。嘲笑请轻笑。
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、关于年月日的下拉框选择实现。
年月日的下拉框做的很呆滞,日期不能随着年份和月份的变化而变化。但是这是比较初级的解决方案,也参考了网上别人的方法。以后再研究更新的方法。
$months = array (1 => '1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月');
$days = range(1,31);
$years = range(1930,2011);
echo '';
echo '';
echo '';
?>
3、待续。
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、关于年月日的下拉框选择实现。
年月日的下拉框做的很呆滞,日期不能随着年份和月份的变化而变化。但是这是比较初级的解决方案,也参考了网上别人的方法。以后再研究更新的方法。
复制代码 代码如下:
$months = array (1 => '1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月');
$days = range(1,31);
$years = range(1930,2011);
echo '';
echo '';
echo '';
?>
3、待续。
推荐阅读
-
应用开发中涉及到的css和php笔记分享
-
PHP面向对象开发之类中接口的应用(interface、implements)_PHP教程
-
xml在joomla表单中的应用详解分享_PHP教程
-
web应用开发 应用开发中涉及到的css和php笔记分享
-
AJAX技术在PHP开发中的简单应用,ajax技术php开发_PHP教程
-
AJAX技术在PHP开发中的简单应用_PHP教程
-
AJAX技术在PHP开发中的简单应用,ajax技术php开发_PHP教程
-
应用开发中涉及到的css和php笔记分享_PHP
-
Yii2的相关学习记录,自定义gii模板和引用vendor中的js、css(四),yii2gii_PHP教程
-
应用开发中涉及到的css和php笔记分享_PHP教程