个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我希望这个 div 位于我的页面顶部，它将在整个页面中保持固定，并与任何交叉元素重叠。就像 facebook 的顶部蓝色搜索栏一样。每当我向下滚动时，表格都会出现在 div 上方，但我想要相反的东西。那么这里是代码。当我使用 z-index 时，我的 div 上的图像会变黄。
<!DOCTYPE html>
<html>
<head>
<style>
#fixedDiv{
position:fixed;
z-index:1;
top:0px;
left:0px;
border:3px groove blue;
height:200px;
width:1360px;
background-color:yellow;
opacity:.4;
margin-right:10px;
}
p.fixPara{
z-index:1;
position:fixed;
letter-spacing:20px;
font-size:50px;
font-weight:bold;
color:purple;
top:20px;
left:7em;
}
table{
background-color:white;
border:3px outset navy;
width:700px;
height:500px;
margin-top:1000px;
margin-left:300px;
}
tr>td{
padding:15px;
font-size:20px;
text-align:center
</style>
</head>
<body>
<div id="fixedDiv"><p class="fixPara">This is Fixed!!</p></div>
<img src="grass.jpg" style="position:fixed;right:3px;top:3px;" height=100px width=150px>
<img src="black.jpg" style="position:fixed;top:3px;left:3px;" height=100px; width=150px>
<table>
<tr>
<th colspan="3"><h2>VISIT THE SUITABLE LINK</h2></th>
</tr>
<td>Google</td>
<td>Youtube</td>
<td>Facebook</td>
</tr>
<tr>
<td>Kickass to</td>
<td>JAVA</td>
<td>Apple</td>
</tr>
</table>
</body>
</html>
添加FIDDLE
最佳答案
首先关闭最后一个CSS样式，你需要去除不透明度 并添加 img 标签 z-index:5;
#fixedDiv {
background-color: yellow;
border: 3px groove blue;
height: 200px;
left: 0;
margin-right: 10px;
opacity: 0.4;/*remove*/
position: fixed;
top: 0;
width: 1360px;
z-index: 1;
}
关于html - 顶部的 z-index 固定 div 似乎不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/24821428/
25
4
0
我在一个C++程序中找到了一段代码，好像每隔for()循环两次。在这个程序中循环，但为什么在这样的预处理器定义中需要第三个 for 呢？ #define for for(int z=0;z<2;++z
我正在尝试分割其中有一个小写字母后跟一个大写字母的文本。 假设文本是: “Įvairių rūšiųSkinti kardeliai” 我想在“ųS”处拆分它，但是以下正则表达式“[ą-ž][Ą-Ž]
这个问题在这里已经有了答案: Reference - What does this regex mean? (1 个回答) 关闭 2 年前。 下面的正则表达式有什么区别。对我来说，它们都是一样的 [
我正在尝试用 Java 编写一个正则表达式: "/[A-Z]{6}-[A-Z]{4}-[A-Z]{4}/" 但是它不起作用。例如 "AASAAA-AAAA-AAAA".matches("/[A-Z]{
我需要确定一个字符串是否是一个变量标识符。 即(a-z,A-Z,,$) 后跟 (a-z,A-Z,0-9,,$) 我知道我可以使用手动配置的 reg exp 来完成它，但必须有一个更紧凑的内置函数我可以
早上好，我是新来的，我带来了一个小问题。我无法针对以下问题开发有效的算法:我需要找到三个正数 x、y 和 z 的组合，以便 x + y、x - y、y + z、y - z、x + z 和 x - z
这个问题已经有答案了: How does the ternary operator work? (12 个回答) 已关闭 6 年前。 我发现了一种不同的返回值的方式，并且很兴奋。它到底是什么意思？ 如
我需要以下正则表达式，允许 [a-zA-Z]+ 或 [a-zA-Z]+[ \\-]{0,1}[a-zA-Z]+ 所以我想在 a-zA-Z 字符之间允许无限的减号和空格 示例: sdfsdfdsf-sf
我正在编写一个代码，它以“代码”(编码理论)作为输入，并且我已经计算了它的权重枚举器。我想使用 MacWilliams Identity 找到双代码的权重枚举器. 我有W(z) ，代码的权重枚举器，我
我已经编写了一个 child 文字游戏，现在我正在尝试优化性能。游戏以一种特殊的方式从数据库中挑选关键词，我想做得更好。 给定一个按字母数字排序的 MySQL 关键字字段: keyword s
假设一个字符串是abc/xyz/IMPORTANT/DATA/@#!%@!%，我只想要IMPORTANT/DATA/!%#@%!#% 我对正则表达式很烂，而且真的还没学过 JavaScript API
JS代码： ? 1
大家晚上好我想知道有没有更快的方法来生成以下形式的列表？ [a,b,c,…,z] → [[z], [y,z], [x,y,z], … , [a,b,…,y,z]] 我知道切片是最好的方法之一，但没有更
我在 Firefox 和其他浏览器上遇到嵌套 z-index 的问题，我有一个 div，z-index 为 30000，位于 label 下方> zindex 为 9000。我认为这是由 z-inde
我正在尝试制作一个灯泡。这是代码 JSfiddle HTML 查询 $('.button').click(function() { $('#add').show();
在您想将嵌套模块导入命名空间的情况下，我总是这样写: from concurrent import futures 不过，我最近意识到这也可以使用“as”语法来表达。请参阅以下内容: import c
我正在尝试创建一个基本上复制 matlab 命令的函数:[z;-z] 其中 z = randn(m,n) 返回一个 m -by-n 随机条目矩阵。我能够在 C++ 中为下面的 randn 函数创建一个
好吧，我迷失在这些指针中，有人能准确地告诉我 char * x,y,z; 和 char* x,y,z 之间的区别是什么; 和 char (*)x,y,z; ？如果可以，请为您的答案或其他内容提供资源。
这是一道函数依赖题。 我知道当 x->yz 然后 x->y 和 x->z 时。但是上面的依赖关系可能吗？ 最佳答案 If xy determines z can x determine z and y
我有一个列表列表 nLedgers - 一个 3D 点云: [nodeID, X, Y, Z] 多行。一些节点将具有相同的 X 和 Y 坐标以及不同的 Z 坐标。 我想首先确定具有相同 X 和 Y 坐
我是一名优秀的程序员,十分优秀！