z-index

2热度

2回答

有人可以解释为什么下面片段中的第二个&第三个div似乎与图像混合？为了清楚起见，这里的问题是关于为什么内容元素的不透明度似乎影响图层顺序。该图像是一个动画gif没有透明度。在上面的div里，一切看起来都像预期的那样。该图像以白色背景旋转，阻止其下方div的文本内容。在下面的两个div我已经下降的不透明性和在某种程度上这将创建的文本效果叠加在图像。这在第三个div中进一步说明，我在包装上设置了背

0热度

3回答

悬停功能干扰HREF标签

我在这里有这个代码，我想要完成的是可点击的图标，但它似乎像悬停功能我不允许我点击图标。我已经尝试过z-index，但这似乎不起作用。 body { \t background-image: url("background.png"); \t background-size: 100%; \t background-repeat: no-repeat; \t backgrou

2热度

1回答

方向工具提示隐藏

如何使工具提示完全可见，并且隐藏回表头。我尝试增加z-index值和位置，但它不起作用。我附上了我的css代码。这是我的CSS文件： /* Base styles for the element that has a tooltip */ [data-tooltip], .tooltip { position: relative; cursor: poin

0热度

1回答

如何阻止干扰z-index的溢出？

我有一个'ul'动态数据。里面的每个列表都有一个用户图像，当你将鼠标悬停在图像上时，信息框将显示在'ul'的左侧。当我将'ul'设置为overflow-y：scroll时，信息框中超出'ul'的部分将被剪切。下面是它的样子。蓝色区域是信息框。下面是它现在的样子：蓝色区域被切割。这里的CSS代码： .popUpRSVPList{ padding-left:0px; ove

0热度

1回答

div的定位位于另一个div的后面

我试图将图像放在顶部图像的底部以在图像周围创建边框。我意识到图像尚未正确格式化，这是下一部分。我正在使用wordpress。我将z-index设置为1（边界）和-1（图像），我尝试了边缘，填充，位置，但他们没有做任何事情。下面是对的jsfiddle代码： https://jsfiddle.net/5L8mnfdc/ #pl-9 .panel-grid-cell .so-panel {

11热度

2回答

添加一个`动画`声明混淆了z-indexes，这种类型的

使用Bootstrap的本地类，我有一个.list-group-item元素列表，其中有一些可点击的选项，在.dropdown-menu中显示为下拉列表。默认情况下，这可以正常工作，即使一个.list-group-item元素的下拉列表超过了它的下拉列表。我已经添加了什么话，是animation声明，通过使用@keyframes动画会从opacity:0到opacity:1在.list-grou

1热度

1回答

堆叠顺序：如何呈现组件，使其出现在父母的兄弟姐妹之上，并且呈现给他人

我在zIndex和位置样式下拉列表（react-native-menu）时遇到了一些问题。我想让下拉列表出现在这个场景中所有其他组件的顶部，当它被点击时。我正在尝试使用zIndex和位置，但可能做得不正确？在我的代码（下面）中，我呈现了一个层次结构，其中每个层次结构的各个子组件均为Card>CardSection>。下拉列表由组件MenuContext（config）和TopNavigation

0热度

4回答

如何在容器外显示数字/文字

我想向我的网站添加一些自定义css/html，以便列表帖子（十大最佳休假等）具有列外的数字。例如，而不是正常的 | 1。纽约 | | 2。佛罗里达州 | | 3。夏威夷 | 我想它看起来像 1 |纽约 | 2 |佛罗里达 | 3 |夏威夷 | 我希望数字真的很大，但不要搞乱文本的格式。我见过像纽约时报的地方这样做有报价，图片等我试过这段代码： .list-number{ display

0热度

2回答

如何在子元素bg-color上显示父级的bg-image？

所以我有一段内容的行。线条覆盖窗口宽度的100％，但内容仅显示在部分的右侧。在左边必须有一个图像。我试图用bg-image和z-index做到这一点，但问题是它被隐藏在线条的bg-color下。所以我想知道是否有一个聪明的方法来做到这一点，或唯一的方法是使用内联图片标签？ Codepen：https://codepen.io/anon/pen/KazpYM <p>it is impossible

0热度

2回答

什么正确使用的z-index

是有办法，我可以使格“分节” overstack上格“红”的文本？我一直在寻找几个小时，但我似乎无法找到答案。我正在使用z-index，但没有任何工作。我确定我错过了一些东西。 *{ \t margin: 0; \t padding: 0; } html, body{ \t height: 100%; } .sectOne{ \t hei