超链接不适用于chrome上的旋转木马幻灯片


hyperlinks are not working out side of carousel slide show on chrome

www.encyclopediasindhiana.org/index2.php

我在php的帮助下从mycarousel设计了幻灯片放映,运行良好,但在左侧carousel的frnt中,超链接直到carousel高度才工作。在左侧,如果图像和链接覆盖的高度一样大,则所有链接都不工作。。。。。。你可以试试旋转木马的第三张幻灯片/图像,因为它的高度很小,所以很多超链接都是在它的高度工作之后出现的。为什么在chrome上会发生这种情况,而在internetexplorer上,所有链接都正常工作。

在bootstap.min.css文件中,我有倾斜的宽度539和高度自动,

.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
display: block;
max-width: 539;
height: auto;}

在index2.php中的css中,我已删除

 <style>
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  width: 100%;
  margin: auto;
}
#myCarousel.carousel.slide {width: 100%; max-width: 539px; !important}
.carousel-caption {
 background:rgba(0, 0, 0, 0.3) !important;
 }

</style>

链接不工作outside carousel可以用java帮助吗?如果那样的话,plz我对java 不太了解

我从你的问题中了解到,有些超链接是不可点击的,因为旋转木马的容器被放置在不可点击链接的上方。一个快速的解决方案是从旋转木马最近的块中删除类名"container"。类似于使用class="sd",而不是class="container sd"。另外请注意,类名"container"是bootstrap css中的预定义类,需要用于适当的区域和适当的结构。

为了调试这个问题,使用html/css检查器工具,如firebug等,它将帮助您了解DOM树。

使用浏览器的开发工具来检查页面上的元素,您会看到一个<div class='container sd'>延伸到转盘的左侧,并与链接重叠-这会阻止它们在div获取点击事件时工作。删除container类"修复"了链接,对转盘的居中有轻微影响。

相关的Bootstrap文档特别指出,容器是不可嵌套的,由于您已经使用container-fluid作为最顶层的元素,因此您需要以其他方式解决居中问题。