小编Jam*_*lly的帖子

为了让生活变得困难,我正在努力的客户使用的是一个在PHP4.0上运行的非常大的旧系统,他们不想添加任何额外的库.

我正在尝试通过PHP发送一封包含附件和附带的text/html内容的电子邮件,但我无法通过一封电子邮件发送这两封邮件.

这会发送附件:

$headers = "Content-Type: text/csv;\r\n name=\"result.csv\"\r\n Content-Transfer-Encoding: base64\r\n Content-Disposition: attachment\r\n boundary=\"PHP-mixed-".$random_hash."\"";
$output = $attachment;

mail($emailTo, $emailSubject, $output, $headers);

这发送text/html:

$headers = "Content-Type: text/html; charset='iso-8859-1'\r\n";
$output = $emailBody; // $emailBody contains the HTML code.

这会发送包含text/html的附件以及附件内容:

$headers = "Content-Type: text/html; charset='iso-8859-1'\r\n".$emailBody."\r\n";
$headers = "Content-Type: text/csv;\r\n name=\"result.csv\"\r\n Content-Transfer-Encoding: base64\r\n Content-Disposition: attachment\r\n boundary=\"PHP-mixed-".$random_hash."\"";
$output = $attachment;

我需要知道的是如何在电子邮件正文中发送带有text/html的电子邮件,并为其添加附件.我确定我在这里错过了一些非常简单的东西!

提前致谢.

是否可以只显示:after伪使用:hover？例如,使用替代元素.

#parent{}
#child{display:none;}
#parent:hover >#child{display:block;}

至于我用同样的方法:

#parent{}
#parent:after{content:'hi';display:none;}
#parent:hover  #parent:after{display:block;}

有可能吗？还是我自欺欺人？

我正在尝试提高我的jQuery性能,我注意到它在Chrome中的运行速度比其他浏览器快.当它只是对PHP文件的AJAX调用时,它是否有意义？

为了测试它,我在一个click事件上这样做:

var startTime = new Date();

$.post("http://"+ document.domain + "action.json",  { data:  data}, 
    function(dat){

        console.log('ending:  ', (new Date() - startTime) / 1000);
    }
});

以秒为单位的结果是:

• Chrome 25: 0.148
• Firefox 19.0.2: 0.212
• Internet Explorer 9: 0.272
• 歌剧12.14: 0.219

可以在每个浏览器上访问控制台的开发工具是否会干扰此结果？

谢谢.

我怎样才能得到这个效果:

<pre class="default prettyprint prettyprinted" data-codetitle="homepage.html" style=""><code>
body{
  position: relative; 
  @include background(linear-gradient(left, lighten($me, 11%), lighten($me, 11%) 
    $half, $darkbackground $half, $darkbackground));
  color: $text;
  width: 100%;
  height: 100%;
  @include breakpoint(baby-bear) {
    @include background(linear-gradient(left, lighten($me, 11%), lighten($me, 11%) 
    45%, $darkbackground 45%, $darkbackground));
  }
}
</span></code></pre>

我需要使用数据标记作为标题:

.prettyprint {
    margin: 0 0 0 0.5%;
    border-left: 2px solid #ce8f80;
    overflow: auto;
    position: relative;
    width: 300px;
}
.prettyprint:before {
    content: attr(data-codetitle);
    background: #ce8f80;
    display: block;
    width: 100%;
}

这是结果.问题是当你滚动时,:before元素也会滚动.有没有办法保持这个元素的固定.我试过不同的变化,但我不能让它工作.

谢谢

这是一个我不太了解的关于z-index和css伪元素:: before/:: after的行为.

它在这个jsfiddle上有说明:http://jsfiddle.net/jgoyon/T6QCf/

我创建了一个定位框并使用:: after伪元素添加内容(也定位).

• 如果我将一个z-index设置为:: after伪元素,一切都运行良好我可以通过播放z-index将其放在父节点之上或之下

    #no-z-index {
      background:lightblue;
      width:100px;
      height:100px;
      position:relative;
    }
    #no-z-index:after {
      content: 'z-index -1';
      width:50px;
      height:50px;
      background:yellow;
      position:absolute;
      z-index:-1; /* z-index in question */
      top:70px;
      left:70px;
    }

• 如果我这样做并设置父级的z-index,它就不再起作用了.

    #z-index {
      background:lightblue;
      left:200px;
      width:100px;
      height:100px;
      position:relative;
      z-index:0; /* parent z-index */
    }
    #z-index:after {
      content: 'z-index -1';
      width:50px;
      height:50px;
      background:yellow;
      position:absolute;
      z-index:-1; /* z-index in question */
      top:70px;
      left:70px;
    }

这是预期的行为吗？

我正在为附件"时尚"制作一个用户样式表.

它在整个页面上应用半透明暗盒进行夜间浏览.

我正在使用:

html:before {
    content:url()!important;
    position:fixed!important;
    width:100%!important;
    height:100%!important; 
    top:0!important; 
    left:0!important; 
    background:rgba(2,3,3,.35)!important; 
    z-index:99999999999999999!important;
    pointer-events:none!important;
}

创建固定的,重叠的div.

这很好用,但是,如果网站中有任何iframe,它会将此代码应用到iframe的HTML中,您可以在此处看到:

因为这些社交网络小部件依赖于IFRAME,它将代码重复到这些页面中,创建了我所制作的半透明暗盒的双重覆盖.

将所需的外观将是:

我尝试了很多东西,例如将更高的z-index应用于iframe,并将iframe中任何内容的背景颜色和背景指定为'white'和'opaque',以便它'浮动'父html页面的顶部,但这不能很好地工作.我也试过类似的东西:

html:not(iframe):before{}

但这也行不通.我想知道是否有办法以不依赖'html:before'来创建相同效果的方式做我正在尝试做的事情,或者是否有办法做到但没有它在页面上的iframe的html内重复.

我已经用尽了努力让它发挥作用,所以任何帮助都会非常感激.谢谢.

您可能知道,如果您要使用:before和/或:after伪元素而不在其中设置文本,您仍然必须声明content: '';它们以使它们可见.

我刚刚将以下内容添加到我的基本样式表中:

*:before, *:after {
    content: '';
}

......所以我不必再进一步申报了.

除了*选择器是反性能的事实,我知道(让我们说以上是一个例子,我可以找到一个更好的方法来声明这个,比如列出标签),这真的很慢事情发生了？我在目前的项目中没有注意到任何东西,但我想确保在我将它坚持到我的基本样式表之前使用是安全的,我将用于每个项目......

有没有人测试过这个？你有什么话要说的？

(顺便说一句,我 确实知道正确的语法CSS3采用双分号(::before,::after),因为这些都是pseudoelements,而不是伪类).

我的段落的高度/行高为50px text-align: center,它使文本居中.但是p:之前导致它的高度/行高增加,导致文本崩溃.我想要p和p:才能垂直居中.

http://jsfiddle.net/MMAUy/

<p>Hover This</p>

p {
    background: red;
    text-align: center;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
}

p:hover:before {
    content: "icon";
    display: inline-block;
    margin-right: 10px;
    font-size: 3em;
}

文字长度各不相同所以我认为我不能只position: absolute用于图标......

我有一个<a>元素,之后我想>使用:after伪元素显示一个符号.

该<a>元素的内容是动态的,因此它的宽度变化,有时内容事件跨越了几行(因为该<a>元素是内<div>谁的宽度是固定的).

我希望>水平位置从最长行的末尾开始.也就是说,当我给它right:0;规则时,它应该在元素的最右边(垂直位置现在无关紧要):

这就是它在FF中的表现方式,但在Chrome和IE中,它>出现在最短行的末尾:

我想知道是什么原因导致了浏览器之间的差异,但更重要的是,我想所有的浏览器表现得像FF -放置:after在最长行的末尾.那可能吗？

我把上面的代码放在dabblet上

我想让我的网站响应.但是,当我使用另一个媒体查询时,很多东西都行不通.例如:

(普通CSS)

div#divName
{
    font-size:1em;
}

(媒体查询代码)

@media screen and (max-width: 320px) 
{
    div#divName
    {
        font-size:.5em;
    }
}

这不起作用.只有在我背后使用"!important"时它才有效.但我不知道这是正确还是"错误".谁能告诉我如何解决这个问题？