アプリケーション開発に関わるcssとphpノートを共有する。

2146 ワード

応用中に発生した問題や解決方法については、いくつかの記録を作成して、バックアップ用とします。私は初心者です。技術はまだ未熟です。筆記は比較的幼稚です。笑ってください1、層の絶対位置について。二つのdiv層がありますが、ここではmain系divは全体層で、cloud類divは絶対的な位置決め層で、スクリーンの右上に雲のgif画像を表示する効果があります。divレイアウトコードは以下の通りである。
 
<div class="cloud"></div>
<div class="main">
...
</div>
はプロセス中に一度Coud層を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>';
?>
、継続します。