Fancybox img- ошибка фона и закрытия

#html #css #background #controller #fancybox

#HTML #css #предыстория #контроллер #fancybox

Вопрос:

на моем веб-сайте:http://evoxity.net/en/wallpaper/3-wallpaper.html

я заметил две ошибки с fancy box. Первый из них заключается в том, что если вы решите увеличить изображение, щелкнув по нему. При первой загрузке фон немного смещен от центра, если вы закроете окно и увеличите его снова, все будет в порядке. Эта ошибка возникает при наведении курсора мыши на один из сайтов fancybox и переключении между изображениями.

Вторая ошибка заключается в том, что строка под крестиком закрывает окно.

Есть предложения, как это исправить?

product.tpl:

 {else}
                                            href="{$link->getImageLink($product->link_rewrite, $imageIds, 'thickbox_default')|escape:'html':'UTF-8'}"
                                            data-fancybox-group="other-views"
                                            class="fancybox{if $image.id_image == $cover.id_image} shown{/if}"

global.css:

 .fancybox-skin {
  background: #f4f5f7 !important; }

.fancybox-skin .fancybox-close {
  width: 28px;
  height: 28px;
  background: none;
  font-size: 28px;
  line-height: 28px;
  color: #333333;
  text-align: center;
  background: #f4f5f7!important;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px; }
  .fancybox-skin .fancybox-close:hover {
    color: #515151; }
  .fancybox-skin .fancybox-close:after {
    content: "f057";
    font-family: "FontAwesome"; }

Вот несколько картинок, объясняющих последнюю ошибку. (просто щелкните сначала на втором изображении для навигации)http://imgur.com/kGUyv2i,Ts8rrOk#0

1. Есть разница между «ошибкой fancybox» и добавленными вами ошибками в коде :/

2. я бы не сказал, что это ошибка fancybox. Это просто ошибка моего fancybox, и я понятия не имею, откуда она взялась. Я даже не добавлял функцию paypal, которая используется prestashop по умолчанию, так что вините их, а не меня. Довольно странно так усердствовать в этом.

Ответ №1:

Удаление строк под X

 a {text-decoration: none;}

Для меня окно выглядит центрированным, когда я его открываю.

1. Дело не в коробке, контейнер на заднем плане создается обоями, и если я открою fancybox, обои переместятся немного правее вместо того, чтобы сохранять положение по центру. Я также отключил CCC, чтобы мне было проще помочь. Не могли бы вы сказать мне, где это находится? Я отредактирую содержимое, в котором находится fancybox, в моем первом сообщении.

Ответ №2:

поиск в строке global.css 7959 добавление текста-оформление: отсутствует;

1. Привет, я проверил папку template и смог просто удалить содержимое fancybox в global.css и product.tpl, поэтому я отредактировал его в первом сообщении. Я также отключил CCC. Не могли бы вы объяснить мне, где находится этот код?

2. Черт возьми, зачем мне там искать? 😀 В любом случае, теперь это решено. Ошибка перемещения фона также находится в paypal.css?

3. или в строке 7959 glogal.css добавить текст-оформление: отсутствует;

4. Нет, вы можете переопределить его и global.css

5. Вот несколько картинок, объясняющих последнюю ошибку. (просто нажмите сначала на второе изображение, чтобы перейти) imgur.com/kGUyv2i ,Ts8rrOk#0