Question

我的折叠下拉菜单隐藏在Chrome和Safari上的sequence.js滑块后面。问题似乎并未在Firefox上发生。试图改变几乎与滑块和菜单相关的每个对象的z-index。非常喜欢能够检查我的网站并告诉我我做错了什么的人。

https://www.shopinspired.co/

Answer 1

它实际上并没有被隐藏在幻灯片后面。

这是由于＆＃34;粘性＆＃34;滚动到页面顶部时，将从标题中删除类。如果#header总是有.sticky，菜单显示正常。

看起来页面顶部的样式定位为＆＃34; header.sticky＆＃34;，而不仅仅是＆＃34;标题＆＃34;。

修复：手动添加css：

#header {
  position: fixed;
  left: 0;
  right: 0;
  top: 0px;
  box-shadow: 0 5px 5px -5px #333;
}

或将页眉中的CSS更改为目标＆＃34;标题＆＃34;。

Answer 2

<强>解释

它来自package com.levent.fop; import java.io.BufferedOutputStream; import java.io.File; import java.io.FileOutputStream; import java.io.IOException; import java.io.OutputStream; import javax.xml.transform.Result; import javax.xml.transform.Source; import javax.xml.transform.Transformer; import javax.xml.transform.TransformerException; import javax.xml.transform.TransformerFactory; import javax.xml.transform.sax.SAXResult; import javax.xml.transform.stream.StreamSource; import org.apache.fop.apps.Fop; import org.apache.fop.apps.FopFactory; import org.apache.fop.apps.MimeConstants; import org.xml.sax.SAXException; public class ConvertFoToPdf { public static void main(String[] args) throws SAXException, IOException, TransformerException { hede(); } public static void hede() throws SAXException, IOException, TransformerException { // Step 1: Construct a FopFactory by specifying a reference to the configuration file // (reuse if you plan to render multiple documents!) // FopFactory fopFactory = FopFactory.newInstance(new File("D:/output/fop.xconf")); FopFactory fopFactory = FopFactory.newInstance(new File(".").toURI()); // Step 2: Set up output stream. // Note: Using BufferedOutputStream for performance reasons (helpful with FileOutputStreams). OutputStream out = new BufferedOutputStream(new FileOutputStream(new File("D:/output/myfile.pdf"))); try { // Step 3: Construct fop with desired output format Fop fop = fopFactory.newFop(MimeConstants.MIME_PDF, out); // Step 4: Setup JAXP using identity transformer TransformerFactory factory = TransformerFactory.newInstance(); Transformer transformer = factory.newTransformer(); // identity transformer // Step 5: Setup input and output for XSLT transformation // Setup input stream Source src = new StreamSource(new File("D:/output/input.fo")); // Resulting SAX events (the generated FO) must be piped through to FOP Result res = new SAXResult(fop.getDefaultHandler()); // Step 6: Start XSLT transformation and FOP processing transformer.transform(src, res); } finally { //Clean-up out.close(); } } }标题以及定位对象和强制高度的不匹配。

默认情况下，如果没有粘贴标题，子菜单将被隐藏，因为它是父级的子元素，由于某些媒体查询而具有强制高度。溢出被隐藏。

添加sticky标头后，标头的位置为sticky。您无法使用fixed相对于absolute的定位。我猜你的元素相对于文档窗口正在定位，这就是为什么它现在显示fixed elements属性。

无法弄清楚Chrome上的堆叠订单问题

2 个答案: