如何使用z-index将一个图像堆叠到另一个图像上?

时间:2020-02-09 作者:Ben Blue

我熟悉z指数,但不是专家。我正在使用Avada主题构建一个网站,虽然有大量自定义代码,但到目前为止,我已经有大约1500行CSS。但是,如果你看的话,你会在顶部看到一幅农民的图像和一幅黄色的西红柿图像。每个容器都有多个父容器和祖父母。如果有人能够熟练地使用浏览器开发工具,并能让农民掌握黄色图像,我将不胜感激。

这是一个巨大的网站,明天将进行主要客户审查。

此外,黄色番茄图片需要保持在黄色文本下方,就像现在一样。我曾想过将农民移动到黄色图像的同一列中,但是,现在已经有太多的代码了,而且,我确实在图像的顶部有黄色文本,所以我真的希望使用CSS解决这个问题。我会写CSS,只是希望有人在这样一个复杂的地方擅长z索引。

下面的图片首先是我目前的状态,其次是公司的目标——我需要的地方。

无论今天或今晚谁有时间帮我,我都会很乐意通过贝宝或文莫为你买一杯咖啡。如果你愿意,也可以说声谢谢!去看看吧。

http://tfisoistg.wpengine.com/ stac

enter image description here

1 个回复
SO网友:user3135691

据我所知,你在使用叛逆滑翔机。我认为您需要相应地移动RevolutionSlider时间线中的层。

我认为,用钢条野蛮地破解这个问题是错误的。

找到图像的来源(html/revslider和css)并比较这些元素的z索引,但我认为这可以在RevolutionSlider中解决。

相关推荐

是否添加了带有`is_page()`WP函数的CSS类

我有导航<li> 我添加的项目page_active 访问子菜单页时的CSS类。当其中一个页面被访问时,这一切正常,但当第二个子菜单页面被访问时,我无法让它添加类。使用下面的代码,如果您访问“我们的团队”子菜单页,“关于”父菜单项具有CSS类page_active 已添加。<li class=\"td menu-item menu-item-2 underline-about <?php if (is_page(\'Our-Team\')){echo \"page_active\"