javascript - 将类添加到div无法正常工作

我正在使用jQuery动态创建一个div，然后向其中添加一个类以对其进行样式设置：

var borderDiv = $('<div />').addClass('borderTaco');
// add borderDiv to the DOM...

其中borderTaco定义为以下样式：

.borderTaco {
  background-color : #cde;
  z-index : 1;
  height : 100%;
}

即使该元素已正确插入到DOM中，该样式似乎也未应用于div。当我检查萤火虫中的元素时，它表明该元素确实具有正确的class属性，但是它没有样式规则并且显示不正确。

Here是代码的jsbin。

最佳答案

您的类用于iframe中，因此应在此iframe中定义该类。