CSS фоновое изображение не бесшовные - PullRequest
Новая
       2

CSS фоновое изображение не бесшовные

1 голос
/ 21 сентября 2011

Я использую html5 и пытаюсь создать бесшовную рамку с грубыми краями (верх, стороны + низ).

Я знаю, что ie8 не поддерживает изображение границы CSS3.IE8 уже давно готов к работе.

Так что я использую 3 div, чтобы отображать фоновое изображение, единственная проблема в том, что зависит от длины содержимого, нижнее фоновое изображение плохо выравниваетсяи сделать окно прозрачным, поскольку повторяющееся среднее изображение обрезается до точки слияния границы.

Я использовал кисть в фотошопе для создания зубчатого контейнера.У меня есть нос об этом, но я не могу найти подходящее решение.

1 Ответ

1 голос
/ 21 сентября 2011

Решение состоит в том, чтобы установить конкретное увеличение шага высоты для вашей области содержимого. Это можно сделать несколькими способами:

  1. Если ваш контент в основном текстовый, вы можете установить line-height и / или высоту любых других используемых элементов равными желаемому приращению (или их кратному) и надеяться на лучшее.
  2. Если это не сработает, единственным другим способом будет использование JavaScript.

Вот пара обсуждений этой самой проблемы, включая некоторые мысли об использовании высоты строки, а некоторые начинаются с работающего кода JavaScript:

...