Question

我正在尝试使用双右引号（»）作为下拉指示符。我在导航中工作，其中分配了float: right;。但是，在导航之外，当我没有为其分配float:时，它不会旋转。我正在用jQuery＆amp ;;旋转箭头CSS3通过向down元素添加一个类<span>来包含直角引号。

以下是为了旋转箭头而添加的down css类：

.drop-arrows.down {
    /* FF Chrome Opera etc */
    -webkit-transform: rotate(90deg) !important; 
    -moz-transform: rotate(90deg) !important;
    -o-transform: rotate(90deg) !important;
    /* IE */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

通过jQuery激活下拉列表时添加该类。唯一的问题是，如果没有将float添加到箭头容器中，这也行不通，这对我来说非常困惑。

以下是包装箭头的HTML：

<a id='filter-trigger' href='javascript:void(0);'>FILTERS <span class='drop-arrows'>&raquo;</span></a>

-webkit-transform是否需要浮点数才能生效？我做错了吗？

Answer 1

你需要设置绝对位置

.drop-arrows {
    position: absolute;
    /* FF Chrome Opera etc */
    -webkit-transform: rotate(90deg) !important; 
    -moz-transform: rotate(90deg) !important;
    -o-transform: rotate(90deg) !important;
    /* IE */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

-webkit-transform rotate without float属性

1 个答案: