0

我有一些我正在使用的扭曲文本，由http://csswarp.eleqtriq.com/生成。它为变形创建了所有 CSS 和 HTML，我用一个标签来包装跨度，该<a>标签的类用于样式和 jquery 函数。

问题是，如果我将跨度包装在<a>我需要的 中，因为这些扭曲的单词是我的链接，所有样式（最重要的定位）都会消失......如果我从跨度中删除包装器，样式会回到正常，它看起来扭曲等..

我在这里为我的问题编写了 jsfiddle，http://jsfiddle.net/WJDwP/2/。

4

2 回答 2

6

改变

#warped>span[class^=w]:nth-of-type(n+0)

至

#warped span[class^=w]:nth-of-type(n+0)

> 组合器只选择直接后代的元素。一旦将<a>元素放在它们之间，它们就不再是直接后代。

因此，我们应该使用良好的旧后代选择器。

参考

于 2012-08-24T03:48:15.213 回答
1

如果我完全理解您的要求，这是一个非常简单的修复 - 您只需将 #warped>span[class^=w] 选择器与包含 a 的选择器堆叠起来，例如：

#warped a>span[class^=w]:nth-of-type(n+0), #warped>span[class^=w]:nth-of-type(n+0){    
     display:block; position:absolute;
     -moz-transform-origin:50% 100%; 
     -webkit-transform-origin:50% 100%; -o-transform-origin:50%
     100%; -ms-transform-origin:50% 100%; transform-origin:50% 100%; }

这是您小提琴中的上述内容：http: //jsfiddle.net/hanleybrand/5RHvk/

于 2012-08-24T03:51:43.903 回答