GVKun编程网logo

CSS3转换不起作用(css转换器)

12

本文将为您提供关于CSS3转换不起作用的详细介绍,我们还将为您解释css转换器的相关知识,同时,我们还将为您提供关于c–为什么double转换为int转换不起作用?、css–{text-indent:

本文将为您提供关于CSS3转换不起作用的详细介绍,我们还将为您解释css转换器的相关知识,同时,我们还将为您提供关于c – 为什么double转换为int转换不起作用?、css – {text-indent:-9999}用于图像替换不起作用、css – 从display none更改为block时,转换不起作用、css – 图像宽度/高度转换不起作用的实用信息。

本文目录一览:

CSS3转换不起作用(css转换器)

CSS3转换不起作用(css转换器)

我试图通过将其旋转10度来变换菜单项。我的CSS在Firefox中可以使用,但是我无法在Chrome和Safari中复制效果。我知道IE不支持CSS3属性,所以这不是问题。

我使用以下CSS:

li a {   -webkit-transform:rotate(10deg);   -moz-transform:rotate(10deg);   -o-transform:rotate(10deg); }

有人可以建议我要去哪里错吗?

谢谢。

答案1

小编典典

这只是一个有根据的猜测,而没有看到其余的HTML / CSS:

您申请了display: block还是申请display: inline-blockli a?如果没有,请尝试。

否则,请尝试应用CSS3转换规则li

c – 为什么double转换为int转换不起作用?

c – 为什么double转换为int转换不起作用?

我一直在寻找一个正确的解释为什么这是发生,但仍然不太明白,所以我道歉,如果这是一个转贴.
#include <iostream>int main(){    double x = 4.10;    double j = x * 100;    int k = (int) j;    std::cout << k; } Output: 409

我似乎无法用任何其他数字复制此行为.也就是说,用该表单中的任何其他数字替换4.10,输出正确.

必须有一些低级转换的东西我不明白.

谢谢!

解决方法

4.1不能用双精确表示,它被近似于稍微小一些的东西:
double x = 4.10;printf("%.16f\n",x);  // displays 4.0999999999999996

所以j将会比410稍微小一点(即409.99 …).铸造到int丢弃小数部分,所以你得到409.

(如果你想要另外一个类似行为的数字,可以尝试8.2或16.4或32.8 …看到模式?)

义务链接:What Every Computer Scientist Should Know About Floating-Point Arithmetic.

css – {text-indent:-9999}用于图像替换不起作用

css – {text-indent:-9999}用于图像替换不起作用

HTML:
<a href="#" title="Edit">Edit</a>
<a href="#" title="Delete">Delete</a>

CSS:

.dashboard-edit,.dashboard-delete {
    height: 30px; width: 50px;
    background: url("http://s.ssacdn.com/insight/images/edit.png") no-repeat top left;
    text-indent: -9999px;
}

http://jsfiddle.net/FHUb2/

任何想法为什么?

解决方法

text-indent在内联元素上不起作用,< a>是一个内联元素,因此您可以定义display:block或display:inline-block to your< a>标签.
.dashboard-edit,.dashboard-delete {
    height: 30px; width: 50px;
    background: url("http://s.ssacdn.com/insight/images/edit.png") no-repeat top left;
    text-indent: -9999px;
    display:inline-block
}

css – 从display none更改为block时,转换不起作用

css – 从display none更改为block时,转换不起作用

我注意到当元素也从display none变为block时,转换不起作用.这是为什么?如果我删除display属性,它可以工作.

CSS:

#Box {
    width: 150px;
    height: 150px;
    background: red;
    transform: scale(0);
    display: none;
    transition: transform .5s;
}
    #Box.active {
        transform: scale(1);
        display: block;
    }

http://jsfiddle.net/640kL55u/

解决方法

因为它有display:none开头,所以其他样式一旦显示就没有被转换到dom:block被添加.

相反,您可以使用高度隐藏div,因此它仍然在页面上但不显示.然后在show div上添加高度.

JS Fiddle

css – 图像宽度/高度转换不起作用

css – 图像宽度/高度转换不起作用

在放大图像时使用转换在Chrome中似乎不起作用.

HTML:

<img src="foobar.png">

CSS:

img
        {
            float: left;
            margin-right: 10px;
            border-radius: 10px;
            width: 200px;
            -webkit-transition: width 1s ease,height 1s ease;
        }
        img:hover
        {
            width: 100%;
        }

小提琴:http://jsfiddle.net/6Dk4D/

哪里不对?

解决方法

它似乎不能与百分比一起工作.此外,如果您也希望转换高度,您需要在orignal img样式中声明它.如下所示:如果您为悬停指定宽度(以像素为单位),则为 http://jsfiddle.net/Skooljester/6Dk4D/1/.

编辑:如果指定第一个宽度为百分比,那么第二个宽度可以用百分比来定义,但仍然可以工作.谢谢Tyilo

关于CSS3转换不起作用css转换器的问题就给大家分享到这里,感谢你花时间阅读本站内容,更多关于c – 为什么double转换为int转换不起作用?、css – {text-indent:-9999}用于图像替换不起作用、css – 从display none更改为block时,转换不起作用、css – 图像宽度/高度转换不起作用等相关知识的信息别忘了在本站进行查找喔。

本文标签: