外部CSS问题

Question

好吧,是时候回答我那天愚蠢的问题了.

我有一个外部css文件,基本上将背景图像分配给按钮.

Css代码:

input.keypad
{
    cursor: pointer;
    display: block;
    min-width: 64px;
    width: 64px; 
    height: 64px;
    margin: 0;
    border: 0;
    background: url(images/btn1.jpg) no-repeat center top;
}

Html代码:

<input class="keypad" type="button" name="btnClickMe" id="btnClickMe" value="Click Me">

我的困境是我第一次加载页面它100%工作,但是当我刷新它时,它似乎忽略了css文件中设置的宽度和高度.图像在背景中,但因此被截断.

我认为它可能是某种缓存所以我包含了pragma标签,它根本没用.有任何想法吗？

Answer 1

使用Firebug找到原因.它将帮助您查看哪些css属性应用于元素等.

您选择元素,您将看到它的所有css属性. alt text http://getfirebug.com/html1.gif

您必须了解有许多有用的工具可以帮助您解决许多问题:)尤其是Firebug.这是必备工具.