样式 css 不会影响我使用 .php 放置的图像答案

【问题标题】：style css doesent affect the images i put using .php样式 css 不会影响我使用 .php 放置的图像
【发布时间】：2014-08-22 13:40:01
【问题描述】：

我在我的登陆网站中放置了一些公司徽标，我想将其用作下一页进入的按钮...但首先一切都很好。我通过 .php 将它们插入，然后将它们定位在 css 中，然后我尝试制作一些悬停动画，但它破坏了这一切。比我删除了所有的 ":hover" 代码和我添加的所有东西，但现在它不是原来的样子。我无法将我的照片移动到所需的位置。下面我也发布了我的 .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; 
}

【问题讨论】：

.maroonlogo { 显示：内联；浮动：对；位置：绝对；顶部：200px；左：350px； } .line { 显示：内联；浮动：对；位置：绝对；顶部：180 像素；左：600px； } .27logo { 显示：内联；浮动：对；位置：绝对；顶部：200px；左：500px； }
什么是“理想职位”？
抱歉评论里是我的css。出于某种原因，我无法在我的问题中发布它。它说错误的编码...smthng。我在你的论坛和编码中也是新手。
我更改了 css 中的位置，但 .27logo 甚至没有移动一个像素
浏览器不知道也不关心 HTML 和 CSS 是如何创建的。所以 PHP 无关紧要，重要的是浏览器接收到什么。

标签： php css

【解决方案1】：

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

此外，如果您使用position:absolute，则无需添加浮点数，因为它的含义会更少。

【讨论】：

哦，是的：你的意思是问题出在“27”数字上，对吧？我更早地想到了这一点，但我完全忘记了改变它。 thnxxx 很多！！！
大家好。谢谢你昨晚帮了我。现在我需要另一件事。也许这对我来说可能有点复杂，但我需要这样做。那么，如何使这些图像具有响应性？
帖子正在谈论它：stackoverflow.com/questions/11736363/responsive-images-with-css

【解决方案2】：

假设如果你不能改变类名，我们仍然有解决方案来应用类“27logo”的样式。您需要为每个数字使用特殊字符“\3”，如下所示。

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

DEMO

【讨论】：

不错的 Suresh，看起来不错。 :) 即使 johny dew 的解决方案有效并且我能够更改类名，我会记住这一点 :) 再次感谢伙计们。你很有帮助...
@SureshPonnukalai 这是可能的，但你认为这是一个好习惯吗？由于语言通常不允许使用整数作为变量定义的第一个字符，因此您必须使用变通方法来获得所需的结果。
这只是一个想法在某些情况下他不能修改类名。