Question

我在我的登陆网站上放了一些公司徽标，我想把它作为下一页的按钮使用......但首先一切都还可以。我通过.php插入它们，然后将它们放在css中，而不是我试图制作一些悬停动画并将其全部销毁。比我删除所有“：悬停”代码和我添加的所有内容，但现在它不是这样。我无法将我的照片移动到所需的位置。低于我的.php代码和.css也是如此。请帮忙!!!

<div class="maroonlogo">
    <a href="http://maroon.maroon27.com" target="_blank">
        <img src="http://maroon27.com/wp-content/themes/onesie/images/weblogo.png"/>
    </a>
</div>

<div class="line">
    <img src="http://maroon27.com/wp-content/themes/onesie/images/line.png"/>
</div>

<div class="27logo">
    <a href="http://27.maroon27.com" target="_blank">
        <img src="http://maroon27.com/wp-content/themes/onesie/images/logo.png"/>
    </a>
</div>

CSS

maroonlogo { 
    display: inline; 
    float:right; 
    position:absolute;
    top: 200px;
    left: 350px;
} 

.line {
    display: inline;
    float: right;
    position: absolute;
    top: 180px;
    left: 600px;
} 

.27logo { 
    display: inline;
    float: right; 
    position: absolute; 
    top: 200px; 
    left: 500px; 
}

Answer 1

CSS类不能以整数开头，即：27logo

此外，如果您使用position:absolute，则无需放置浮动，因为它意味着更少。

Answer 2

假设您无法更改类名，我们仍然可以使用解决方案来应用“27logo”类的样式。您需要为下面的每个数字使用特殊字符“\ 3”。

.\32\37logo
{
 background-color:#ff00ff;
 height:200px;
 width:200px;
}

DEMO

style css不会影响我使用.php放置的图像

2 个答案: