由PHP ECHO创建的DIV无法从外部CSS正确设置样式

时间:2015-12-14 04:56:29

标签: php html css

第一个问题,如果可以,请原谅:

使用PHP我创建了一个用户输入信息的站点,并将其保存到数据库中。然后,用户为每个条目(字体,大小,颜色和位置)设置样式。每个参数都会将一个字符串保存到数据库中,然后我使用PHP来echo使用自定义样式的DIV:

echo "<div id=\"customized\"";
        if(isset($backtype)){if($backtype == "image") {echo "style=\"background-image:url('".$backurl."');          
            background-repeat: no-repeat; background-size: 400px 200px\"";}}    
        if(isset($backtype)){if($backtype == "color"){echo "style=\"background-color:".$backcolor."\"";}}echo ">";

if($namepos !== ""){echo "<div id=\"".$namepos."\" style=\"font-family:".$namefont."; font-size:".$namesize."; color:".$namecolor.";\">".$name."</div>";}

从数据库获取字符串后,这变为:

<div id="customized" style="background-image:url('raptor.gif'); background-repeat: no-repeat; background-size: 400px 200px ">
<div id="3_1" style="font-family:Courier New; font-size:20pt; color:#f80a8c;">Text here</div></div>

创建此DIV时,所有内联样式都可以正常工作,但它显示的位置应该由$namepos指示,它会回显“3_1”。

我有一个外部CSS如下

#customized {
    border: 1px solid grey;
    margin: 3px;
    position: absolute;
    top: 7%;
    left: 1%;
    width: 400px;
    height: 200px;
}

#3_1{
    position: absolute;
    white-space: nowrap;
    top:10%;
    left:5%;
 }

最终输出完全忽略了通过执行echo $namepos生成的div的CSS,但对于包含div id=" customized"的效果非常好。 我担心我已经知道答案了,它对动态命名的DIV不起作用,但我是业余爱好者如果这是真的那么这是一个严重的挫折,所以我来到这里希望有一个救世主。

非常感谢任何帮助。

1 个答案:

答案 0 :(得分:0)

DIV从数字开始,绝不会想到这一点。非常感谢快速回复。现在睡不着调试噩梦。