Нет повторяющегося изображения в таблице данных (тд) - PullRequest
Новая
       6

Нет повторяющегося изображения в таблице данных (тд)

10 голосов
/ 28 апреля 2011

Можно ли остановить повторение фонового изображения в данных таблицы (TD) без CSS?

Например 

<table>
  <tr>
     <td background="http://foobar.com/image.jpg">Some text</td>
  </tr>
</table>

Я ищу решение HTML, потому что я разрабатываю шаблон HTML, который будет использоваться для почтовой рассылки .

Ответы [ 4 ]

10 голосов
/ 28 апреля 2011

Вы можете добавить CSS к своему тегу прямо в HTML-коде: 

<td style="background-image:url(smile.gif); background-repeat:repeat;">

Я думаю, что нет способа сделать это, просто используя HTML!

4 голосов
/ 28 апреля 2011

Простой ответ: Нет.

К счастью, в большинстве писем вы можете использовать встроенные CSS-стили.Таким образом, я бы попробовал следующее и посмотрю, достигнет ли это того, что вы ищете. 

<td style="background:url(http://foobar.com/image.jpg) no-repeat;">Some text</td>

В случае неудачи (как я уже видел это делать раньше), выЕдинственный другой вариант - поместить изображение в тег imageи манипулировать им, чтобы оно попадало под текст.

См. здесь поддерживаемые атрибуты CSS: http://www.campaignmonitor.com/css/

Надеюсь, это поможет.

3 голосов
/ 03 мая 2011

Для максимальной совместимости вы должны использовать как встроенный CSS, так и атрибут фона HTML, так как некоторые клиенты игнорируют один, но не другой. 

<td style="background-image:url('http://www.example.com/smile.gif'); background-repeat:no-repeat;" background="http://www.example.com/smile.gif">Some text</td>

Некоторые замечания, которые следует отметить:

  1. Вы должны использовать абсолютный URL-адрес для изображенияодинарные кавычки не включены.)
  2. Не используйте сокращение CSS, опять же, некоторые клиенты игнорируют его, хотя они и анализируют его.Кроме того, некоторые из них будут устанавливать цвет фона # 000000, если вы не установите цвет фона в сокращенной версии.
  3. Фоновые изображения вообще не работают в Outlook 2007, если вы не используете какой-то довольно изящныйСобственный код Microsoft.К сожалению, этот код не позволяет вам остановить его повторение.

Лучший способ остановить его повторение - это просто сделать изображение намного больше, чем нужно, так, чтобы оно никогда не былоповторение.

2 голосов
/ 15 июня 2015

фоновые изображения поддерживаются.Пожалуйста, проверьте этот генератор: http://backgrounds.cm

Если вы хотите, чтобы изображение не повторялось, просто добавьте встроенный стиль: 

style="background-repeat: no-repeat;"

к тегам, содержащим фоновое изображение.

...