Everytime the carousel slides, a white background appears aboven the image.

http://jan.tczutendaal.be/project.php?term=34&project=61

How is this possible?

有帮助吗?

解决方案

Hi in bootstrap carousel every time it scrolls the item it add class .left or right according to your navigation to .item in your case you wrote style for .left class like

#project .left {
    background: url("../images/arrow_left_home.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    height: 38px;
    top: 43%;
}

there you having top value please change the class name or top value..it will work.hope it will help

其他提示

From my (very recent) experience: MAKE SURE you haven't used any "crafty" global .left or .right classes. In my case, the problem was such a misplaced global .right class, with float: right; assigned to it.

You are seeing white space because of top value define in the following class.

Remove the top property and the bug will be fixed.

#project .left 
{
top: 43%; /*disable this property*/
}
许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top