2

我有关于 svg 组转换的问题。

我在css中指定元素样式，就像这样。

#uGroup1 {
transform: translateY(200px);
-ms-transform: translateY(200px);
-moz-tranform: translateY(200px);
-webkit-transform: translateY(200px);
-o-tramsform: translateY(200px); }

我正在通过 javascript 到 svg 元素创建包含元素的组。它就像魅力一样，但不知何故，当我用检查器搜索它时，它并没有让这些规范符合匹配的 CSS 规则。

我意识到，在创建组后，当我将组 id 更改为其他组并将其恢复为“正确”id 时，它会获得那些 CSS 规则。它可以工作，但是当我用相同的想法创建新元素时，它又在做同样的事情。

我有很多 svg 组，我想通过变换来定位这些组。

它实际上与一些团体合作。我在组内有组..这可能是问题？？

我用uGroup1制作了元素，而且它在 css 中与我之前展示的完全相同。

ID 中带有大写字母的元素存在一些问题。

4

2 回答 2

0

拥有多个具有相同 ID 的元素是错误的。这不是一个有效的 XML 文档，CSS 选择器除了第一个具有该 ID 的元素之外不匹配任何内容是正常的。

您应该改用类名。

于 2012-08-17T18:11:39.927 回答
0

解决方案很简单，只需不要在 ID:S 上使用用户大写字母

#ugroup1 {
    transform: translateY(200px);
    -ms-transform: translateY(200px);
    -moz-tranform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-tramsform: translateY(200px); 
}
于 2015-07-31T20:35:07.250 回答