某些移动浏览器上的轮播/导航栏冲突

Question

我试图理解为什么轮播和引导程序移动菜单in this page之间存在冲突以及为什么问题只出现在某些移动浏览器上（例如Safari和Galaxy Tab 2上的默认浏览器）

在Chrome（左侧）和Safari（右侧）上看到的移动菜单的

This is a screenshot。

在Safari上，菜单似乎是空的，但实际上如果我从轮播中删除整个图像标签，菜单会重新出现。

我不知道如何解决这个“错误”。

你能帮助我吗？

Answer 1

好的，我找到了问题的原因。我改变了这个

@ExtendWith(MockitoExtension.class)
public class ConnectionTest {

    @Mock
    ObjectOutput outputStream;

    ClassUnderTest cut;

    @BeforeEach
    private void setup() {
        cut = new ClassUnderTest(outputStream);
    }

    @Test
    public void getPreparedObjectFromInputStreamy() throws Exception {
        List<Person> listToWrite = Arrays.asList(//
                new Person("Doe", "John", "123"),
                new Person("Doe", "Jane", "456"));

        cut.writeObjects(listToWrite);

        ArgumentCaptor<Person> passedArgument = ArgumentCaptor.forClass(Person.class);
        verify(outputStream, times(listToWrite.size())).writeObject(passedArgument.capture());
        assertTrue(passedArgument.getAllValues().contains(listToWrite.get(0)), "hint for reason of failing");
        assertTrue(passedArgument.getAllValues().contains(listToWrite.get(1)), "hint for reason of failing");
    }   
}

到这个

.carousel {top: -80px;}

现在菜单工作正常。