ボーダー画像がHTMLで表示されない

私は境界線を持つdivを持っています。ただし、境界線の画像が表示されません。これは通常の実線の境界として表示されます。それは奇妙です、URLは有効であり、働いています、それはGoogleドライブからあり、すべてがうまく見えます。 HTML自体は機能しますが、電子メールで使用するとそうはなりません。ボーダー画像がHTMLで表示されない

<div style="-webkit-border-image: url(https://s32.postimg.org/rfht7aqx1/border.png) 46px round;-o-border-image: url(https://s32.postimg.org/rfht7aqx1/border.png) 46px round;border-image: url(https://s32.postimg.org/rfht7aqx1/border.png) 46 round;border-width: 46px;border-style: solid;">Hello world!!!</div>

それは本当に奇妙です。私はこのようなことは一度も見たことがない。 Gmail BTWに送信していて、Outlookなどと動作するかどうかはわかりません。

PS：私は少し奇妙な外見を知っています。その高さが小さいからです。私はそれを知っているので、それについて文句を言わないでください。

出典

2016-06-26 Ab_

を残念ながら、ほとんどの電子メールクライアントは、Gmailはそれらの一つである、物事のこれらの種類をサポートしていません。ここで

は私がどのように見えるかです。私が知る限り、実際の効果的な選択肢はありません。 – Dev1997

実際には方法はありませんが、Gmailではborder-imageというプロパティをサポートしていません。タグの互換性のために、ここで

チェック：border-image以来 https://www.campaignmonitor.com/css/

出典

2016-06-29 10:36:21 pastorello

くそー。それで、それを動作させるために使用できるサービスはありますか？ –

また、テーブルの境界線を作るためのチュートリアルにリンクすることはできますか？ 'あなたは、単純な境界線を持っている場合、あなたは ''要素に境界線を使用することができ –

。[コンテンツ] ' と、この要素にあなたのコンテンツを置くそれ以外の場合は、境界線の画像をスライスして表を使用して再現することができます http://blog.bronto.com/commercemarketing/how-to-build-an-email-using-sliced-images-with-- embarrassing-yourself- （あなたのコンテンツを中心にモザイクのように）/ – pastorello

は、ほとんどの電子メール・ベンダーによってサポートされていませんが、あなただけのdivと組み合わせてbackground-image（その1つのGmailので支持されているので）プロパティを使用してborder-imageをシミュレートすることができますまたはあなたが使用するように感じる他の要素。 divでそれを使用している場合は、paddingプロパティを少し修正する必要があります。しかし、これは私がそれをした方法であり、それはborder-imageのように見えます。

出典

2017-07-05 03:25:15 Taurus

ボーダー画像がHTMLで表示されない

答えて

関連する問題