Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 无法使用CSS设置div的样式_Html_Css - Fatal编程技术网

Html 无法使用CSS设置div的样式

Html 无法使用CSS设置div的样式,html,css,Html,Css,我不明白为什么我的div的样式没有被应用。这一定是非常简单和明显的事情,但对我来说不是,不是今天 这是一个非常简单的登录页面 HTML: Friddle here:CSS3样式不支持低版本浏览器。请参阅中的错误链接 -webkit-box-shadow: 1px 2px 2px 0px rgba(23, 34, 23;) box-shadow: 1px 2px 2px 0px rgba(23, 34, 23;)

我不明白为什么我的div的样式没有被应用。这一定是非常简单和明显的事情,但对我来说不是,不是今天

这是一个非常简单的登录页面

HTML:


Friddle here:

CSS3样式不支持低版本浏览器。请参阅中的错误链接

-webkit-box-shadow: 1px 2px 2px 0px rgba(23, 34, 23;)
box-shadow: 1px 2px 2px 0px rgba(23, 34, 23;)
                                           ^ the semicolon AND the alpha value.
正确:

div#langchoice {
    position: absolute;
    top: 200px;
    left: 200px;
    width:140px;
    height:34px;
    background-color: #F1BD4B;
    margin-left: -8px;
    padding:2px 10px;
    -webkit-border-radius: 1px 8px 8px 1px;
    border-radius: 1px 8px 8px 1px;
    border:0;
    -webkit-box-shadow: 1px 2px 2px 0px rgba(23, 34, 23, 1);
    box-shadow: 1px 2px 2px 0px rgba(23, 34, 23, 1);
    -moz-box-shadow: 1px 2px 2px 0px rgba(23, 34, 23, 1);
    z-index: 10;
}

@user1164654您在哪里链接到CSS文件?哪个div?什么没有被应用?创建friddle:正如@JezenThomas所问的,巫婆div没有被应用?你指的是哪种div,哪种风格?你不明白你的问题……问题在哪里?你的代码对我来说很有用。我不知道为什么它没有告诉你。我相信这可能是您正在使用的浏览器的版本。请检查CSS兼容版本的链接。这意味着CSS3在一个div上工作,但在另一个div上不工作。我也编辑了它,但它仍然没有在jsbin上设置样式。我将尝试从JSFIDLE复制粘贴代码…检查这里,您能告诉我们您使用的浏览器和版本吗?哦,谢谢大家!现在,对我来说,这是惊人的:我已经从JSFIDLE复制了CSS,它可以工作(?),并粘贴到jsbin中,但它在那里不工作:,我的FF 15.0.1也是如此:我们现在要为您调试一切吗?不要在HTML面板中粘贴除正文内容以外的任何内容:-PHahah@Gustonez,非常感谢!!我对所有这些在线工具和webdev都是新手,对不起!嗯,这意味着对我来说,涉及到其他脚本,我将尝试一个接一个地评论,并找出答案。非常感谢大家!你太棒了!
-webkit-box-shadow: 1px 2px 2px 0px rgba(23, 34, 23;)
box-shadow: 1px 2px 2px 0px rgba(23, 34, 23;)
                                           ^ the semicolon AND the alpha value.
div#langchoice {
    position: absolute;
    top: 200px;
    left: 200px;
    width:140px;
    height:34px;
    background-color: #F1BD4B;
    margin-left: -8px;
    padding:2px 10px;
    -webkit-border-radius: 1px 8px 8px 1px;
    border-radius: 1px 8px 8px 1px;
    border:0;
    -webkit-box-shadow: 1px 2px 2px 0px rgba(23, 34, 23, 1);
    box-shadow: 1px 2px 2px 0px rgba(23, 34, 23, 1);
    -moz-box-shadow: 1px 2px 2px 0px rgba(23, 34, 23, 1);
    z-index: 10;
}