Question

这可能是一个在这里要问的简单问题...我是新手，如果它是对不起...

我的网站上的主图像周围有CSS边框问题，我已经在我的博客页面上工作，但无法在我的主页上的royalslider插件上获得相同的样式工作。基本上我希望它在主页上看起来与博客页面上的图像完全相同。

工作链接：http://alanbrandt.com/blog/copenhagen-wedding-photographer/

我做错了什么？

CSS:
.ab-royalslider {
  position: relative;
  zoom: 1;
padding: 32px;
  -webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.2);

编辑：看起来好像我们到了那里......谢谢你的帮助！我仍然有一个距离图像太远的底部边框???

我原本希望在Royalslider CSS样式表中实现.abSliderSkin样式，但我无法让它工作...... :(如果有人对我如何改进这个有想法，我会非常赞赏它。< / p>

Answer 1

我认为你应该先检查你的div。当我检查元素时，我注意到结构不同。而且该区域的宽度也不同。在第一个链接，你有一个名为标题预览的div。而在第二个你基本上没有容器是不同的。

这是我第一次希望它可以帮助你。

Answer 2

可能是因为第二个链接中没有类ab-royalslider的元素，所以你必须将阴影应用于其他元素。尝试使用.rsOverflow或.royalSlider。

Answer 3

.ab-royalslider - 添加填充：42px 0;
#homepage，＃story - 删除保证金
＃new-royalslider-1 - 有内嵌窗框，高度应约为415px;宽度：684px;

尝试一下，虽然我不喜欢这种结构，但它可以更轻松，更清洁。

Answer 4

我认为你应该禁用管理区域中的“css优化/组合”，这样我们就能确定你要在哪个文件中编辑哪个编辑，因为现在我们正在获得一个优化/组合的css文件，所以找出哪个文件真的很难。

Answer 5

您需要对CSS文件进行更改：

http://alanbrandt.com/wp-content/cache/minify/000001/ZYxBCoAwDAQ_ZImefEhfkLZRgjGFpCL6esWT4m1nZ9kBctWGuYWp2hpGYM2yFXLI7uDtEPKuBxTUZKilPb3eWxQ-6a9mUjKUbgClPVg9UFy4kIFwgje_8v8GU3xMXFg_cAE.css

在第1390行

.rsContent img {

//删除margin：0px！important以及其他样式

}

和

http://alanbrandt.com/wp-content/cache/minify/000001/ZYxBCoAwDAQ_ZImefEhfkLZRgjGFpCL6esWT4m1nZ9kBctWGuYWp2hpGYM2yFXLI7uDtEPKuBxTUZKilPb3eWxQ-6a9mUjKUbgClPVg9UFy4kIFwgje_8v8GU3xMXFg_cAE.css

第1392行

.rsOverflow {

//删除身高：415px！important

}

试试这个会起作用我使用fire-bug

找出这些变化

CSS中的边界问题

5 个答案: