2017-06-02 8 views
0

* UPDATE *私はもっと明確で、あまり冗長ではないはずです。私が働いている会社の "Web"チームが私にHTMLを送ってくれました。私が言ったように、Windows(SSIS) - > unix(SAS) - >メインフレーム(EBCDIC)のため、内容がない限り、!で何も使用できません。だから、私の質問を短くするために、私は、背景イメージと上の白いテキストを持つネストされたテーブルを持つテーブルを行う必要があります。この解決策は、ほぼすべての電子メール&ウェブブラウザプラットフォームで動作する必要があります。Outlook HTML CSSテーブル内のセル内の透明な背景

代替ソリューションは、EBCDICコード割り当て(5A)を渡す方法を知っていて、ジャックされていない場合は再びWindows-> unix-> mainframeです。私はSASからx5Aを送信する別のチームを知っています。私は実際には、ファイル全体をSASに取り込むことを避けようとしています。これは、検索/置換を行うだけで、固定幅のファイルを壊す可能性があります。しかし、私はそれを回避する方法を考え出すことができました。 */UPDATE *

私はメールの内容として使用されるようにHTMLを書いている...ここで壁に頭をバッシングしています - 一つの場所に入れ子になったテーブルとテーブルがあります - 外側に画像があり、内側にテキストがあります(テキストボックスのように)。

rgbaを使用して、すべての作業(EmailOnAcidでのテスト)を行うことができます - はい、Outlook(ryba)をサポートしていません。私は背景色を試しました:透明です。喜びはありません。私は不透明度を試しました:0、しかしそれはテキストを透明にします(私はそれが近くにあるように感じますが、何かが分からない、おそらく明白かもしれません)

p.s.私が与えられたコードにバックグラウンドjpgへの3つの冗長な参照がある理由を尋ねないでください。このコンテンツは私に与えられました。今私はそれを私のシステムで動作するものに人手で扱わなければなりません。私は制御することはできません

物事 -

  • 私は彼らが私にそれ以上のテキストと画像を作るために得ることができない、彼らはそれについて奇妙なことです。
  • WindowsからUNIXにメインフレームへジャンプするテキストファイルを生成するため、私は何も使用できません!それは電子メールコンテンツではありません。 (つまり、重要ではありません!)コメント - コメントの中に[if gte mso 9]、...のような文がないことを意味するコメントはありません。
  • 私はファンではありません。しかし、同社の他の組織は、Windowsサーバー上で電子メールテキストファイルを生成しません。SAS(unix/linux)からメインフレームへと変換するので、ebcdicコードを使用できます。私のファイルで同じことをしてもうまくいきません。 :(

はここ(RGBAとの)コードの塊だ - 関連のCSSがその下にある

<table border="0" width="600" cellspacing="0" cellpadding="0" class="deviceWidth"> 
      <tbody> 
      <tr> 
       <td background="http://not.real.path/something.jpg" bgcolor="#c8c7bc" valign="top" width="600" height="258" style="background-image: url(http://not.real.path/something.jpg) no-repeat center center;" id="heroImg" > 

        <div id="txtCntr"> 
        <table border="0" width="340" cellspacing="0" cellpadding="0" style="margin:50px 5px 10px 25px;display:block;" class="heroTxtTbl"> 
         <tr> 
          <td align="left" valign="middle" style="display:block; background-color:rgba(0, 0, 0, 0);"> 

         <p href="#" style="margin:0;padding:5px 0;font-size:45px; line-height: 48px; color: #ffffff; font-family: Arial, Myriad, Helvetica, sans-serif;text-decoration: none;font-weight: bold;" class="heroTxt">We will<br>do something<br>really amazing.</p> 
          </td> 
         </tr> 
         </table> 

        </div> 
       </td> 
      </tr> 
      </tbody> 
     </table>  

背景CSSの部分はアーカンソー:事前に

<style> 
.deviceWidth { 
width:100% ; 
height:auto 
} 
#heroImg { 
display:block; 
background-image:url("http://not.real.path/something.jpg"); 
width:100%; 
height: 250px; 
padding:0; 
} 
.heroTxt { 
font-size: 38px ; 
line-height: 40px ; 
} 
.heroTxtTbl { 
width: 80% ; 
float: left; 
margin:50px 5px 10px 25px; 
display:block; 
} 
.heroTxtEmp { 
font-size: 17px ; 
line-height: 22px ; 
} 
#txtCntr { 
padding:5px; 
} 

感謝を任意のヘルプ

+0

投稿してください。編集:見た目から、透明にしようとしているテーブルセル、実際には透明です。また、背景を含む表のセルにテキストを直接配置するだけでなく、全体の.txtCntr要素を配置するのがなぜ難しいでしょうか? – scooterlord

+0

あなたの答えを書き直すのではなく、もっと厳しいですが、私が以下に投稿した方法を試してみたらどうでしょうか? Outlookのif文なしで試してください。それが機能すれば、あなたは金色です。そうでなければ、あなたの電子メールは、Outlookを除くほとんどのhtml電子メールクライアントで動作します。 – gwally

答えて

0

Microsoft Outlookは、バックグラウンドイメージをサポートしていません。background-color(試してbackground:#ff0000;")rgba、パディング、マージン、または楽しみ。

このWebサイトは、Outlook用の背景イメージの作成に役立ちます。

https://backgrounds.cm/

これは一例です:https://jsfiddle.net/p07yrhbq/

幸運。 V場合

0

さて、スヨンは..私は知りませんでした:RECTは、V:テキストボックスの事は自分で働くだろう、IF せずに私たちは

<v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:600px;height:258px;"> 
    <v:fill type="tile"src="http://navient.com/assets/images/email/pcc/NVT-17-14574_PCC_hero.jpg" color="#c8c7bc" /> 
     <v:textbox inset="0,0,0,0" style="v-text-anchor:middle"> 

blah blah tables and text and pix 

        </v:textbox> 
       </v:rect> 

それを試み、それが働きました。それは他の電子メールクライアント(emailonacidでテスト済み)を壊すようには見えなかったので...

=)