无为清净楼资源网 Design By www.qnjia.com
关于应用中遇到的一些问题及解决办法,做一些记录,以备后用。本人新手,技术还不熟练,笔记比较幼稚。嘲笑请轻笑。
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、待续。
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、待续。
标签:
css,php
无为清净楼资源网 Design By www.qnjia.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
无为清净楼资源网 Design By www.qnjia.com
暂无评论...
P70系列延期,华为新旗舰将在下月发布
3月20日消息,近期博主@数码闲聊站 透露,原定三月份发布的华为新旗舰P70系列延期发布,预计4月份上市。
而博主@定焦数码 爆料,华为的P70系列在定位上已经超过了Mate60,成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢?
根据目前爆料的消息来看,华为P70系列将推出三个版本,其中P70和P70 Pro采用了三角形的摄像头模组设计,而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智,但辨识度绝对拉满。
更新日志
2024年11月14日
2024年11月14日
- 周深 /Faouzia《解密 电影原声带》[FLAC/分轨][199.46MB]
- 英雄联盟s14亚军队伍是哪支 英雄联盟s14亚军队伍介绍
- 英雄联盟s14夺冠队伍是哪支 英雄联盟s14夺冠队SKT T1队伍介绍
- faker三冠王是哪几个赛季 faker三冠王赛季介绍
- 岩贵-音乐磁场(AI调音)2CD[WAV]
- 童丽《千愁记旧情》HQII头版限量编号2024[低速原抓WAV+CUE]
- 瑞鸣十五周年纪念3[HQCD限量编号头版][低速原抓WAV+CUE]
- 任天堂专利展示新VR外设:或会随同NS继任机型推出
- 博主制作“Switch 2”模型 与现有掌机对比
- 网友热议IGN为《马路RPG》打5分:要是多元化就能9分了
- 群星《从21世纪安全撤离 电影原声音乐专辑》[320K/MP3][191.19MB]
- 群星《从21世纪安全撤离 电影原声音乐专辑》[FLAC/分轨][592.38MB]
- 群星《奔赴!万人现场 第5期》[320K/MP3][106.99MB]
- 许魏洲.2024-CrossFever交互热爱【智慧大狗】【FLAC分轨】
- BEYOND.1993-FINAL.LIVE.WITH家驹【华纳】【WAV+CUE】