Question

我正在学习CSS，我正在使用Stylish编辑网站来帮助自己学习。

我正在编辑Cookie Clicker网站，因为它在我的显示器上看起来太小了。我正在努力让Cookie更大，但我无法弄明白。

HTML位于http://orteil.dashnet.org/cookieclicker/

和我非常确定我应该改变的CSS是

#bigCookie {
    width: 256px;
    height: 256px;
    position: absolute;
    left: -128px;
    top: -128px;
    background: url(img/perfectCookie.png);
    background-size: 256px 256px;
    background: url(img/empty.png);
    cursor: pointer;
    z-index: 10000;
    border-radius: 128px;
}

我正试图从256px到512px

Answer 1

width:512px;
height:512px;

这是你的意思吗？

Answer 2

我不确定无论谁首先确定它们的样式都知道他们在做什么，你可以在这里的评论中看到，但这会拉出另一个cookie png，玩它的大小和位置。唯一的问题是它没有hoverstate：

width: 512px;
height: 512px;
position:absolute;
left:-256px;
top:-256px;
background:url(img/perfectCookie.png);
//background-size:256px 256px;
//background:url(img/empty.png);/* somehow necessary; an empty div with no background seems to be click-through */

图像没有调整大小

2 个答案: