Html Can'；t在Div中设置图像样式？_Html_Css

Html Can'；t在Div中设置图像样式？

html css

Html Can'；t在Div中设置图像样式？,html,css,Html,Css,我在标记中有一个标记，它们都有类，但是当我尝试在CSS中设置img类的样式时，它不起作用？此外，每当我尝试将div类设置为id并在CSS中更改它时，它就会消失。有什么帮助吗 JSFiddle： HTML: <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="js/loading.js">&l

我在

标记中有一个

标记，它们都有类，但是当我尝试在CSS中设置img类的样式时，它不起作用？此外，每当我尝试将div类设置为id并在CSS中更改它时，它就会消失。有什么帮助吗

JSFiddle：

HTML:

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

    <script src="js/loading.js"></script>

    <!--Stylesheet Links-->
    <link rel="stylesheet" text="text/css" href="css/style.css">

    <link rel="stylesheet" text="text/css" href="css/font-awesome.min.css">

    <!--Font Links-->
    <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
</head>

<body>
    <!--Website Header-->
    <div id="header">
        <div class="steam-info">
            <img class="steam-avatar" src="<?$steamprofile['avatar'];?>">
            <ul>
                <li><a href=#></a>
            </ul>
        </div>
    </div>
</body>

查看代码，通过placehold.it使用图像时，调整图像样式似乎没有问题

我只是用

http://placehold.it/200

，并且能够看到图像，并通过简单的更改成功地改变其显示方式：

/* Website Header */
#header {
    background:rgb(28,28,28);
    width:100%;
    height:60px;
    position:absolute;
    box-shadow:0px 0px 8px 2px black;
    border-top:3px solid rgb(235,50,50);
    z-index:99999999;
    left:0px;
    top:0px;
}

.steam-info {
    background:rgb(50,50,50);
    border-left:3px solid rgb(235,50,50);;
    width:160px;
    height:40px;
    position:absolute;
    z-index:999999999;
    top:10px;
    left:1160px;
}

.steam-info a {
    display:block;
    color:rgb(255,255,255);
    height:100%;
    width:100%;
    font-size:30px;
}

.steam-avatar {
    width:30px;
    height:30px;
}

因此，我认为问题在于PHP脚本从Steam获取图像的方式

可以找到有轻微更改的更新代码

很抱歉，这无法提供更多帮助，但除了来自Steam的图像之外，代码似乎运行正常。

很难用您的示例来说明，因为它是不可复制的。据我所知，这是因为您的类

.steam info

是

位置：绝对的

。但我看不清楚，因为你正在加载动态图像。这些图像无法复制，因此无法复制问题。对于CSS问题，请提供带有公共图像的原始HTML。你的问题也不清楚,；预期的行为是什么？请创建一个，其他人会发现它更容易帮助你。好的，我希望这足够了，我已经修复了它。如果我的问题不是很清楚，我只希望能够将图像居中在右上角。此外，您看不到图像的唯一原因是，它被设置为一个steam数据库，该数据库会获取您帐户的图片并将其放在那里。

.steam-avatar {
    width: 100px;
    height: 30px;
}