我有一个圆圈,它的宽度在一个间隔内增加,一旦达到一个尺度,它就消失了,并重新开始。但是每次我淡出时,我就会resize屏幕或zoom in and out,圆圈就像一个oval或真正的stretched对象。我如何保持圆圈,一个圆,当屏幕正在调整大小。
Html
<div id="container">
<div id="name-div">
<h1 id="name">Open Touch</h1>
</div>
<ul class=
这种z-index格式化是如何工作的?我应该只能看到带有z-index和150的层,而不能看到其他任何层,但是我能够看到所有三个层,因为z-indez没有工作。它应该是如何工作的?
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>z-index</title>
<!--Problem is that the z-index is not at all working-->
</head>
<
我已经根据所有标签的优先级为它们分配了z-index。带有"b1“和"b2”I的标签需要有absolute位置,因为我需要用javascript移动它们的位置。
但是,我需要带有"top“id的标签才能位于"b1”及其子标签上。尽管它有更高的z指数,但它仍然在下面。
示例如下:
HTML:
<div id="container">
<div id="b1">
<div id="HF">
The main text >
我试着把页脚栏放在主要内容的后面。
html如下所示:
<header>
</header>
<main>
</main>
<footer>
</footer>
已尝试对<main>使用z-index:2,对<footer>使用z-index:1。但我似乎不能让它工作。
目前,main和footer的CSS如下所示:
main {
z-index:2;
margin-top:-32px; // is put on top of the header automatically