Javascript 使用链接css时,Jssor滑块项目符号显示在顶部
我正在尝试使用Jssor滑块,我复制了一个演示,效果很好 当我尝试将内联css移动到单独的css文件中时,bullet navigator显示在滑块的顶部而不是底部 这是我的原始html和内联css:Javascript 使用链接css时,Jssor滑块项目符号显示在顶部,javascript,html,css,jssor,Javascript,Html,Css,Jssor,我正在尝试使用Jssor滑块,我复制了一个演示,效果很好 当我尝试将内联css移动到单独的css文件中时,bullet navigator显示在滑块的顶部而不是底部 这是我的原始html和内联css: <div id="slider_container" style="top: 0px; left: 0px; width: 1179px; height: 582px;"> <!-- Slides Container -->
<div id="slider_container" style="top: 0px; left: 0px; width: 1179px; height: 582px;">
<!-- Slides Container -->
<div u="slides">
<div><img u="image" src="image/home-banner/logo.jpg"/></div>
<div><img u="image" src="image/home-banner/getup.jpg"/></div>
<div><img u="image" src="image/home-banner/onroad.jpg"/></div>
<div><img u="image" src="image/home-banner/atbed.jpg"/></div>
</div>
<!--arrow navigator-->
<span u="arrowleft" class="slider-arrowl" style="width: 50px; height: 50px;left: 8px"></span>
<span u="arrowright" class="slider-arrowr" style="width: 50px; height: 50px;right: 8px"></span>
<!-- bullet navigator container -->
<div u="navigator" class="slider-bullet" style="position: absolute; bottom: 16px; right: 6px;">
<!-- bullet navigator item prototype -->
<div u="prototype" style="POSITION: absolute; WIDTH: 16px; HEIGHT: 16px;"></div>
</div>
</div>
Jssor滑块将在初始化时复制“外部容器”和“幻灯片”容器。它将从复制中删除id属性 复制“外部容器”用于缩放滑块。 重复的“幻灯片”容器用于幻灯片放映 我明白了 请更换
<div id="slider_container"
与
我能看看你有问题的代码吗?@jssor,请检查我更新的问题。你能告诉我原因吗?
<div id="slider_container"
<div id="slider_container" class="slider_container"
div#slider_container {
div.slider_container {