Question

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

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>

CSS：

/* 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;
}

Answer 1

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

我只是将<?$steamprofile['avatar'];?>替换为http://placehold.it/200并且能够同时看到图像，并通过简单的更改成功更改其显示方式：

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

因此，我得出结论，问题在于您的PHP脚本从Steam获取图像的方式。

可以找到更新后的代码here。

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

不能在一个Div中设置一个图像？

1 个答案: