在 PHP 中使用带有 mail() 函数的 CSS

Question

在 PHP 中使用带有 mail() 函数的 CSS

我在使用 css 和 php 邮件功能时遇到问题，我无法弄清楚为什么样式表的某些部分不起作用。

这是我的 php 函数，它将电子邮件发送给用户：

    <?php
require 'dbconnection.php';

//Testing variables
$name = "laerte";
$email = "someemail@gmail.com";
$title = "Some Project";
$desc = " Some description";

//adds project to MYSQL database
//The function returns uniqid generated
$id = addProject($title,$desc,$name);

$subject = "Project: ".$title;
$header  = 'MIME-Version: 1.0' . "\r\n";
$header .= 'Content-type: text/html; charset=iso-8859-1' . "\r\n";
$header .= "From: pixelgraphy.net";
$message = "<html>
    <head>
    <style>
        body
        {
            width: 700px;
            height: auto;
        }
        h1
        {
            background-color: blue;
            color:white;
            margin-top: 5px;
            margin-bottom: 5px;
            text-align:center;
        }
        #message
        {
            width: 500px;
            height: auto;
            margin-bottom: 5px;
            margin-left: auto;
            margin-right: auto;
        }
        #sign
        {
            background-color: blue;
            color: white;
            margin-top: 5px;
            margin-bottom: 5px;
            text-align: center;
        }
    </style>
    </head>
    <body>
        <h1>Request For Feedback</h1>
        <div id = 'message'>

            <p>".$name."  , thank you for submting your idea  The project <b> ".  
            $title." </b> has been added to RFF's view list </p>  
            <a href ='www.pixelgraphy.net/assignment8/getcomments.php?id=".$id."   
            '>Click here</a> to view RFF's list of projects 
        </div>
        <div id = 'sign'> Sinceraly, Anthony Paveglio & Laerte Sousa </div> 
    </body>
                </html>";

    //sends the email           
    mail($email,$subject,$message,$header);

    ?>

Run Code Online (Sandbox Code Playgroud)

如果我将 $message 回显到页面，则一切正常：

不再可用。

但是发送到我的电子邮件的消息是这样的：

不再可用。

出于某种原因，标题后的所有样式都不起作用，我不知道为什么。任何帮助或提示将不胜感激。

Answer 1

Dan*_*ván 5

如果您想创建 HTML 邮件，您需要忘记关于常规网页设计的所有知识。大多数网络邮件服务，包括 Gmail（您似乎正在使用）对所有 HTML 应用严格过滤，如果您做任何他们可能不同意的事情，就会公然剥离所有内容。

首先，我上次检查时，Gmail 根本不支持样式标签，实际上，仅包含 head 或 body 标签可能会破坏一切。最好的方法是根本不使用任何 CSS 并依赖于 90 年代的旧表格布局。如果您真的必须使用 CSS，则需要内联它。

此外，您应该创建一些 Outlook.com、yahoo.com 和 icloud.com 帐户，以确保您至少涵盖最常见的网络邮件服务。根据我的经验，iCloud 是其中最容易编码的，因为它只是在 iframe 中显示邮件，几乎没有格式。

最后，虽然不实际测试就无法确定，但我注意到 Gmail 有时不喜欢带有颜色的文本：白色以及带有颜色：黑色的 a 标签。将颜色分别设置为 #EFEFEF 或 #010101 之类的内容可能会解决这个问题。

归档时间：	11 年，10 月前
查看次数：	5282 次
最近记录：	11 年，5 月前