我的测试站点位于:http://www.stagecraft.org/msi/
在第三个"页面"(投资组合)上,我有三个图像可以翻转并在"背面"显示文本。 我有两个问题:
-
我无法获得列出架构师、所有者和 GC 要更改的文本。 我尝试创建一个
.spinbody
类,但是当我应用它时,文本不会更改。 我在这里需要不同的文本样式/大小。 -
图像不完全适合其矩形区域。 它们似乎被"向下"移动了一点。 图像是
300px x 500px
的,区域也是。 但是图像与区域偏移。
知道我的错误在哪里吗? 我几乎是一个新手,并且一直在拼凑这些代码。
提前感谢您的任何帮助!
史蒂夫
- 你想用什么风格来适应这段文字?已经有CSS规则设置了它的样式,你可能有一些CSS覆盖阻止您的更改。您可以在末尾添加
!important
新规则,但这不是最好的解决方案。最好的解决方案是使用一些浏览器开发工具检查您的 CSS(例如:Firebug对于 Firefox),并了解如何将新的 CSS 规则迭代到现有代码。 - 对于第二个问题,有一个应用于图像的
top-margin
所以它们被向下移动。保证金适用于#section1 img
第 173 行msi_style.css
您可以删除它,但请确保它也不会更改其他图像。
编辑
翻转卡片背面的文字大小来自第 190 行.intro p
msi_style.css
检查一下你的 css 规则崩溃的火虫,并尝试使用元素和 id 组合使你的这个规则更具体......或者暂时您可以通过在新规则末尾使用 !important 来修复它,但这不是最好的解决方案......