У моего сайта проблема. Когда я навожу курсор на четвертое изображение, изображения ниже разваливаются, только в Mozilla, но прекрасно работают с Chrome. Я знаю, что это проблема с CSS, я пробовал -moz-border-radius
, но не работает. Вот ссылка на сайт, вы можете попробовать, и вот часть CSS:
listsitemsbg {
list-style:none;
*zoom: 1;
margin:0;
width:100%;
padding-top: 10px;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
}
.listsitemsbg li {
margin-top:10px;
}
.listsitemsbg .thumbnail {
display: block;
padding: 4px;
border: 1.98px solid #BE2121;
background-color:#fff;
}
.listsitemsbg .thumbnail:hover {
border: 0px solid #aaa;
-moz-border-radius: 0px solid #aa
}
.listsitemsbg .thumbnail img {
width: 100%;
}
.listsitemsbg .thumbssettingsbg > div {
margin:0;
border-bottom: 0px dotted #ccc;
padding-top: 3px;
padding-right: 0;
padding-bottom: 3px;
padding-left: 0;
}
2 ответа
Проблема с границей в HOVER. Обновите класс наведения, как показано ниже.
.listsitemsbg .thumbnail:hover {
border: 1.98px solid #fff;
}
Даже вы можете использовать прозрачную рамку, как показано ниже.
.listsitemsbg .thumbnail:hover {
border: 1.98px solid transparent;
}
Измените состояние наведения для миниатюры
.listsitemsbg .thumbnail:hover{
border: 1.98px solid #aaa;
}
Похожие вопросы
Новые вопросы
jquery
jQuery — это библиотека JavaScript. Также рассмотрите возможность добавления тега JavaScript. jQuery — это популярная кросс-браузерная библиотека JavaScript, которая упрощает обход объектной модели документа (DOM), обработку событий, анимацию и взаимодействие AJAX, сводя к минимуму расхождения между браузерами. Вопрос с тегом jQuery должен быть связан с jQuery, поэтому jQuery должен использоваться рассматриваемым кодом, и в вопросе должны быть как минимум элементы, связанные с использованием jQuery.