Question

在我的网站上：http://evoxity.net/en/wallpaper/3-wallpaper.html

我注意到两个带有花式盒子的虫子。第一个是，如果您决定通过点击它来扩大pciture。第一次加载时，背景有点偏离中心，如果你关闭窗口并再次放大，那就好了。如果您将鼠标悬停在其中一个网站并切换图像，则会出现此错误。

secound bug是，X下面的行关闭窗口。

有任何建议如何解决？

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"; }

这里有一些图片来解释最后一个bug。（只需先单击，然后使用secound图像进行导航）http://imgur.com/kGUyv2i,Ts8rrOk#0

Answer 1

删除X

下的行

a {text-decoration: none;}

当我打开盒子时，盒子看起来居中。

Answer 2

在global.css第7959行中搜索add text-decoration：none;

Fancybox img-background和关闭bug

2 个答案: