css:悬停高度变化不起作用

Question

我在这个非常简单的css文件中遇到了这个问题,我想div从75pxin height和widthwith 转换一个:hover,但它似乎只是改变了width.

#ich{
    transition: 2s;
    -moz-transition: 2s; /* Firefox 4 */
    -webkit-transition: 2s; /* Safari and Chrome */
    -o-transition: 2s; /* Opera */

    margin-top:40%;
    width:75px;
    height:75px;
    border-radius:35px;
    background-image:url(fb.jpg) ;
    background-repeat: no-repeat;
    background-position: center;
    text-align:center;
    display:block;
}

#ich:hover{
    width:300px!important;
    height:300x!important;
    background-size: 300px 300px;
}

HTML只是一个div带有id #ich的body部分,没有别的.

Answer 1

height:300px!important;

你只需要"300x"而不是"300px"