我正在尝试编辑以下内容。该代码有助于在Joomla网站上显示图库。
显示图像时,会显示上一个和下一个箭头,以循环显示图库中的图像。
问题是只有当鼠标悬停在按钮出现的位置附近时才会出现上一个和下一个按钮。我想按钮一直显示。
div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right
{
height: 13px;
}
div.pp_default .pp_top .pp_left {
background: url(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat;
} /* Top left corner */
div.pp_default .pp_top .pp_middle {
background: url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x;
} /* Top pattern/color */
div.pp_default .pp_top .pp_right {
background: url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat;
} /* Top right corner */
div.pp_default .pp_content .ppt {
color: #f8f8f8;
}
div.pp_default .pp_content_container .pp_left {
background: url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;
padding-left: 13px;
}
div.pp_default .pp_content_container .pp_right {
background: url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y;
padding-right: 13px;
}
div.pp_default .pp_content {
background-color: #fff;
} /* Content background */
div.pp_default .pp_next:hover {
background: url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;
cursor: pointer;
} /* Next button */
div.pp_default .pp_previous:hover {
background: url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;
cursor: pointer;
我尝试从第39行和第43行删除':hover',但这只是删除按钮,然后当它们悬停在它们附近时它们不会出现。