css - 不能超越 CSS 文本样式和图像向下移动吗？

Question

我的测试站点在:http://www.stagecraft.org/msi/

在第三个“页面”(作品集)上，我有三张图片可以翻转并在“背面”显示文字。我有两个问题:

• 我无法获取列出架构师、所有者和 GC 的文本以进行更改。我尝试创建一个 .spinbody 类，但是当我应用它时，文本没有改变。我在这里需要不同的文本样式/大小。

• 图像没有完全适合它们的矩形区域。它们似乎被“向下”移动了一点。图片是 300px x 500px，区域也是。但是图像与区域有偏移。

知道我的错误在哪里吗？我几乎是个新手，一直在拼凑这段代码。

在此先感谢您的帮助!

史蒂夫

Answer 1

1. 您尝试将哪种风格应用于此文本？已经有css 规则设置它的样式，你可能有一些 CSS 覆盖它阻止您的更改。您可以添加 !important在你的最后新规则，但这不是最好的解决方案。最好的解决办法是使用一些浏览器开发工具检查你的 CSS(例如:firebug适用于 firefox)并查看如何将新的 CSS 规则集成到现有代码。
2. 对于第二个问题，有一个top-margin适用于图像所以他们向下移动。 margin 适用于 #section1 imgmsi_style.css 的第 173 行你可以删除它，但要确定它也不会改变其他图像。

编辑

翻页卡背面文字大小来自.intro p在 msi_style.css 的第 190 行