Css 偏光片效应

我是css新手，到目前为止，我还没有阅读过教程，也没有阅读过这个网站上的一些很棒的建议，但我就是无法理解这一点。我试图实现一个宝丽来效果使用css和我的网站上得到一些奇怪的效果。我已经在JSFIDLE上测试了代码，效果很好，我甚至复制了整个网站的css，在JSFIDLE上仍然很好。但是一旦我在我的网站上使用这些代码，边距、填充、旋转等都是错误的

请帮助我，我在这里不知所措，不知道什么会影响它，我唯一的想法是，出于某种原因，我使用的css选择器没有正确选择元素

网站页面为：

JSFIDLE是：

<iframe width="100%" height="300" src="http://jsfiddle.net/deepwaterlizard/NxsUQ/1/embedded/" allowfullscreen="allowfullscreen" frameborder="0"></iframe> 

或

---

如果需要，我可以在这里发布css和html，但不想占用太多空间，提前谢谢。

我不完全确定，但对于初学者来说，第一张图片（黑白）在您的网站上有以下html：

<p>                
    <!--the caption that appears below the image-->
    <br>
</p>

在

figcaption

标记之后，它不会出现在您的小提琴中

---

看起来你正在使用Wordpress。它的编辑器将生成大量的

标记，例如，对于每一个新行，它将生成

或空
，如果您将生成的源代码与JSFIDLE进行比较，它几乎是完全不同的？您的站点中有额外的标记，这些标记不会出现在JSFIDLE中（在每个宝丽来之间）。试试看，看看会发生什么。谢谢你的回复，我可能已经编辑了其中一个，而不是匆忙更新了另一个。我现在已经更新了该站点以反映JSFIDLE。因此，标签似乎是问题所在，我将不得不尝试找到一种方法来删除它们。好的，谢谢你，我没有意识到wordpress编辑器会这么做。那么，我应该在主机上找到html文件并直接将代码添加到该文件中，这样的想法对吗？Wordpress editor允许您直接编辑html，您可以删除所有未使用的标记。不过，我认为最好还是调查一下。这将允许您在编辑器中使用一些简单的东西，如[Polarioid images=“path/to/image，path/to/image”]，然后它将在内容过滤过程中转换为您的Polarioid div，就像wordpress在回显您的帖子/页面内容之前所做的那样。好的，我会尝试一下，听起来是个好主意。谢谢你的帮助。