Inhaltsverzeichnis
回复讨论(解决方案)
Heim Web-Frontend HTML-Tutorial 请教下 css 弹出叠层如何覆盖父有层_html/css_WEB-ITnose

请教下 css 弹出叠层如何覆盖父有层_html/css_WEB-ITnose

Jun 21, 2016 am 09:23 AM
css 弹出 覆盖






有的地方被覆层遮住了  请教下  如何弹出层把覆层覆盖掉  完整显示出来  
代码如下 

<dl id='popWin' style='width: 264px;	height: 146px;	border: 1px solid #E42C98;	position: absolute;	left: 0;	top: 0;	z-index: 99999;	'> <dt style='height: 28px;	background: url(../images/float_title_bg.jpg) no-repeat;	border-bottom: 1px solid #E42C98;	'> </dt><dd id='btCommand' tag='1717281' style='margin: 0;	cursor: pointer;	font-size: 12px;	'><div style='width: 72px;	height: 88px;	background: url(../images/img_frame.jpg) no-repeat;	padding: 7px 9px 9px 7px;	margin: 7px 5px;	float: left;	_margin: 7px 5px 0 3px;	'><a style='width: 72px;	height: 88px;	font-size: 76px;	display: block;	overflow: hidden;	' href='../space.asp?uid=<%=uid%>' target='_blank'><img    style="max-width:90%" src='<%=upic% alt="请教下 css 弹出叠层如何覆盖父有层_html/css_WEB-ITnose" >' onerror=this.onerror=null;	this.src='<%=epic2%>' /></a></div><div style='margin-top: 8px;	line-height: 24px;	color: #333;	'> <a style='color: #FB03A9;	text-decoration: underline;	' title='<%=uname%>' href='../space.asp?uid=<%=uid%>' target='_blank'><b><%=uname%></b></a>查看了您的资料<p style='line-height: 18px;	margin: 0;	'>他可能对您很感兴趣哟!<br>艳遇就在瞬间,快加QQ联系吧<br><img  src='../images/love.gif' alt="请教下 css 弹出叠层如何覆盖父有层_html/css_WEB-ITnose" ></p><a   style="max-width:90%" href='../space.asp?uid=<%=uid%>' target='_blank'><font color='#ffffff'>看她的资料-></font></a></div></dd></dl>
Nach dem Login kopieren


回复讨论(解决方案)

你把z-index属性控制好就行了

要显示在整个页面的最外层就把z-index的相对值设置最高把。

z-index属性控制啊, http://www.ido321.com/666.html  LZ看看这篇博文

看代码没看到什么问题, 有position:absolute;也有z-index; 

LZ把生成后的页面, 按F12看一下页面结构, 把生成后的HTML结构抓出来, 分析一下样式哪个地方出问题了

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 Artikel -Tags

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)

Was bedeutet Platzhalter in Vue? Was bedeutet Platzhalter in Vue? May 07, 2024 am 09:57 AM

Was bedeutet Platzhalter in Vue?

So schreiben Sie Leerzeichen in Vue So schreiben Sie Leerzeichen in Vue Apr 30, 2024 am 05:42 AM

So schreiben Sie Leerzeichen in Vue

Wie man Dom in Vue bekommt Wie man Dom in Vue bekommt Apr 30, 2024 am 05:36 AM

Wie man Dom in Vue bekommt

Was bedeutet span in js Was bedeutet span in js May 06, 2024 am 11:42 AM

Was bedeutet span in js

Was bedeutet rem in js Was bedeutet rem in js May 06, 2024 am 11:30 AM

Was bedeutet rem in js

So führen Sie Bilder in Vue ein So führen Sie Bilder in Vue ein May 02, 2024 pm 10:48 PM

So führen Sie Bilder in Vue ein

Welche Funktion hat das Span-Tag? Welche Funktion hat das Span-Tag? Apr 30, 2024 pm 01:54 PM

Welche Funktion hat das Span-Tag?

In welcher Sprache ist das Browser-Plugin geschrieben? In welcher Sprache ist das Browser-Plugin geschrieben? May 08, 2024 pm 09:36 PM

In welcher Sprache ist das Browser-Plugin geschrieben?

See all articles