Heim Backend-Entwicklung PHP-Tutorial 应用开发中涉及到的css和php笔记分享_php技巧

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

May 17, 2016 am 09:16 AM
css php

关于应用中遇到的一些问题及解决办法,做一些记录,以备后用。本人新手,技术还不熟练,笔记比较幼稚。嘲笑请轻笑。
  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、待续。
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
2 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Abenteuer: Wie man riesige Samen bekommt
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌
Zwei -Punkte -Museum: Alle Exponate und wo man sie finden kann
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Wie erhöht man die Höhe des Eingangselements und erzeugt den Text unten? Wie erhöht man die Höhe des Eingangselements und erzeugt den Text unten? Apr 05, 2025 pm 02:51 PM

Wie erhöht man die Höhe des Eingangselements und erzeugt den Text unten? Wenn wir die Höhe des Eingabeelements im Webdesign anpassen müssen und hoffen, dass der Text darin ...

Wie zeichne ich eine bestimmte Form mit einer orangefarbenen Hintergrundfarbe mit CSS 'Clip-Pfad-Eigenschaft? Wie zeichne ich eine bestimmte Form mit einer orangefarbenen Hintergrundfarbe mit CSS 'Clip-Pfad-Eigenschaft? Apr 05, 2025 pm 04:36 PM

Praktische Anwendungsfälle von CSS -Zeichnungsfunktion im modernen Webdesign können CSS nicht nur für Layout und Stil, sondern auch für das Erstellen komplexer Grafiken und Animationen verwendet werden. Mai...

Wie füge ich das Laden von Animationen zum A -Tag hinzu und springe dann? Wie füge ich das Laden von Animationen zum A -Tag hinzu und springe dann? Apr 05, 2025 pm 04:48 PM

Implementieren Sie die kurze Animation geschickt und springen Sie nach dem Klicken auf das A -Tag. Wir hoffen oft, dass die Seite nach dem Klicken auf das A -Tag zuerst ein kurzes Ladeereignis anzeigen kann ...

Wie löste ich das Problem des Seitenscrollens, nachdem die Softtastatur des Browsers Mobile Edge aufgetaucht ist? Wie löste ich das Problem des Seitenscrollens, nachdem die Softtastatur des Browsers Mobile Edge aufgetaucht ist? Apr 05, 2025 pm 02:57 PM

In Bezug auf die Edge -Browser -Eingangsmethode, die Seitenhöhe und das Scrollen nach dem Auftauchen der Tastatur. Wenn Sie den Edge -Browser auf Ihrem Mobiltelefon verwenden, stößt die Seite häufig auf dieses Problem: � ...

Wie kann ich elegant eine hohe Anpassungsfähigkeit des mittleren Inhalts im Dreizeilen-Layout erreichen? Wie kann ich elegant eine hohe Anpassungsfähigkeit des mittleren Inhalts im Dreizeilen-Layout erreichen? Apr 05, 2025 pm 04:39 PM

Diskussion über die Höhe des adaptiven Zwischeninhalts im Dreizeilen-Layout im Web-Layout. Sie begegnen häufig die Notwendigkeit, Dreizeilenlayout zu implementieren, und der Zwischeninhalt ist sehr unterschiedlich ...

Was ist die & lt; Figur & gt; Element in CSS für? Was ist die & lt; Figur & gt; Element in CSS für? Apr 05, 2025 pm 04:51 PM

Wofür sind die Elemente in CSS? Während des Lernens und der Verwendung von CSS können Sie auf weniger häufige HTML -Elemente wie & lt ...

Wie verwende ich lokal installierte 'Jingnanmai -Round' auf einer Webseite, ohne die Schriftart zu laden? Wie verwende ich lokal installierte 'Jingnanmai -Round' auf einer Webseite, ohne die Schriftart zu laden? Apr 05, 2025 pm 04:54 PM

So verwenden Sie lokal installierte Schriftdateien auf Webseiten in der Webentwicklung, manchmal werden wir auf die Situation stoßen, in der wir bestimmte Schriftarten verwenden müssen, die auf unserem Computer installiert sind ...

Was werden die codierten Schriftarten auf dem Bild verwendet? Wie wende ich diesen Schriftart Stil in einem Projekt an? Was werden die codierten Schriftarten auf dem Bild verwendet? Wie wende ich diesen Schriftart Stil in einem Projekt an? Apr 05, 2025 pm 05:06 PM

Die Einführung und Verwendung von codierten Schriftarten in Programmierung und Webdesign kann die Auswahl der richtigen Schriftart die Lesbarkeit und Ästhetik des Codes erheblich verbessern. jüngste,...

See all articles