Как сделать полупрозрачный фон для HTML-таблицы? | PHPClub
JavaScript отключён. Чтобы полноценно использовать наш сайт, включите JavaScript в своём браузере.
- Автор темы evgkuz
- Дата начала
evgkuz
Новичок
- #1
Как сделать полупрозрачный фон для HTML-таблицы?
Как сделать полупрозрачный фон для HTML-таблицы?
neko
tеam neko
- #2
когда я последний раз это пробовал — никак нельзя было
Кром
Новичок
- #3
Поставь фоном таблицы полупрозрачный png.
neko
tеam neko
- #4
Кром
а это будет работать если под таблицей еще какие-то картинки?
у меня помоему так не получилось
правда это было давно
Кром
Новичок
- #5
>а это будет работать если под таблицей еще какие-то картинки?
Будет, но только в Opera и Mozilla.
-~{}~ 07.02.05 00:04:
Для IE тогда можно подставлять gif.
evgkuz
Новичок
- #6
Кром
А разве gif можно сделать полупрозрачным?
neko
tеam neko
- #7
очевидно что нет
evgkuz
Новичок
- #8
Я это видел на http://lov. ru .
Там редактирование фоток в виде полупрозрачной таблицы сделано, но мне так и не удалось понять, как лни это сделали. Как только я сохраняю страницу полностью, полупрозрачность теряется. Хотя я скачал все картинки и HTML-код и JavaScript’ы тоже.
Курсий
Guest
- #9
В IE можно еще фсю таблицу полупрозрачной сделать
PHP:
<table style=filter:alpha(opacity=30)> .... </table>
Кром
Новичок
- #10
>В IE можно еще фсю таблицу полупрозрачной сделать
Для IE можно еще использовать AlphaImageLoader.
>А разве gif можно сделать полупрозрачным?
Да, можно сделать.
evgkuz
Новичок
- #11
Автор оригинала: Кром
>А разве gif можно сделать полупрозрачным?Да, можно сделать.
Нажмите для раскрытия…
А Вы не подскажите, как можно сделать GIF полупрозрачным?
Кром
Новичок
- #12
В Photoshop создаешь картинку с фоном.
Фон убираешь, слою с рисунком ставишь прозрачность какую надо.
Сохраняешь как gif, ставишь галочку прозрачность и выбираешь тип прозрачности.
desperado
Новичок
- #13
ну это не полупрозрачность… это «псевдополупрозрачность»… и то, если ее сделать на светлом фоне, то на темном она будет смотреться никак.
Войдите или зарегистрируйтесь для ответа.
Поделиться:
Facebook Twitter WhatsApp
СсылкаДобавляем фон в HTML
admin 18. 02.2016 Основы HTML Оставить комментарий 1,695 Просмотры
Фон, это та же картинка, только загнанная под текст и другие картинки. Фон нельзя выделить мышкой, в отличие от картинок, выделяемых вместе с текстом. В этом одновременно его преимущество и недостаток — в некоторых случаях. Фон простирается в пределах тега таблицы или же всей странички, если указан в теге <body>. Первое, конечно, предпочтительнее.
Прописываем фон:
<td background=»/картинка фона.gif«>
— фоном может быть любая картинка. Вот только став фоном она приобретет интересные возможности.
Например, как вы думаете сделаны дырдочки по краям этого клетчатого «листа»? Это не длинная картинка, это один небольшой квадратик с одной «дырочкой». Просто, как и всякий фон, он многократно размножается по всей площади наделенного фоном тега. Так же сделана и тень от листа — темная полоска по краю — это всего лишь состоящий из четырех-пяти точек (пикселей) микрорисуночек.
Естественно, если я бы не назначил четкую ширину полям с этим фоном, у меня бы получилось тиражирование фонового изображения не только вверх, но и в стороны:
а поверх фона можно чего-нить написать! главное, чтобы фон это не перекрывал |
— вот он, этот самый фон. Кто особо любопытен, может попробовать сохранить его как картинку :0) Если получится. Конечно, придется покопаться в коде — если у вас Ехплорер :0) Ну а счастливым владельцам Мозиллы, конечно, достаточно глянуть «состав HTML», чтобы увидеть всю задействованную в нем графику с соответствующими линками.
В чем удобство фона, кроме многими ругаемого «украшательства»? Да в том, что правильно подобранный фон, мелкие, не затрудняющие загрузку детали-«примочки» и прочее, что у нас принято именовать гордым словом «дизайн», призвано скрасить однообразие, облегчить восприятие и вообще… С ним приятнее.
Хотя, конечно, и без него можно обойтись. Модно просто назначить таблице какой-либо однотонный цвет и довольствоваться этим. Фоном не стоит злоупотреблять — оптимально, чтобы вся графика на странице, все украшательства не весили больше 30 кб. И то это много… У меня, например, все эти бирюльки-дырочки, клетчатый фон и прочее весит чуток более 8 кб. Лишняя секунда загрузки практически не заметна, а глаз не «тонет» в пустоте белого, серого или черного фона. Фон, как и картинки, можно сделать анимированным, например, флэшем, но для начала лучше .gif`ом, поскольку он наиболее прост и легок в изготовлении.
Да, если вы столкнетесь с неумелым использованием фона и текст, на нем расположенный, будет трудночитаем, советую его просто выделить мышкой и читать в темном выделении — увы, только так можно спасти свои глаза от надругательства многими современными «вебмастерами».
Из фона можно изготавливать и рамочки и уголки к ним — закругленные, завернутые и всяко-разные другие. Главное, не переборщить с наворотами, чтобы они не оттягивали на себя чересчур много внимания — особенно это касается частенько встречающейся назойливой непрекращающейся анимации всем давно опостылевшего файла с анимашкой, который можно найти на сотнях тысяч дилетантских страничек начинающих вебоделов.
Совет — фон старайтесь ориентировать либо вертикально, либо горизонтально. Это упростит растягивание в ту или иную сторону, чтобы дизайн наш при стискивании или растягивании окошка не «плыл».
При назначении фона вполне можно ограничиться картинкой со стороной 1 пиксель на 5-15.
Конечно, кроме перечисленных свойств, у фоновых изображений огромное количество возможностей, но подробности — в разделе стили
Если Вам понравилась статья, пожалуйста, поставьте лайк! Следите за новой информацией на нашем канале. Подписывайтесь на нас в группе: подписаться
1500+ Фоновые изображения стола | Скачать бесплатные картинки на Unsplash
1500+ Фоновые картинки для стола | Скачать бесплатные изображения на Unsplash- A Photophotos 10K
- Степка фотосколков 10K
- Группа людей 0
Фоны
Обои
Мебель
Веб -сайт
ScissersGAND
Веб -сайт
ScissersGAND
Веб -сайт
ScissersGAND
. & фоторазделочная доскарастениеЗеленые hd картинкиЛистья фоны
—— SitchDatingChild
HD Grey WallpaperSgrainempty
Индианаполиснитурный Стэйтзум. –––– – –––– –– – –– –––– – – –– ––– –– –––– – –.
Hq фон фотоHd дизайн обоиработаиздома
Текстуры фоныполфон
Brown backgroundsaustraliamelbourne vic
indiatamil naduchennai
Hd pattern wallpapersHd black wallpapersgray
deskworkspaceSpace images & pictures
Hd wallpaperstanclean
minimalofficework
hometablevancouver
Related collections
background on table
1 photo · Curated by Teresa MaguireФон
19k фото · Куратор Бекка Мерриманtable
474 photos · Curated by sun kinteriorwallWebsite backgrounds
scissorsgifthand
Texture backgroundsfloorbackdrop
sittingdatingchild
indiatamil naduchennai
flatlaybranch
Hd white wallpapersHd autumn wallpapersautumn decoration
interiorwallWebsite backgrounds
Hq background imagesHd design wallpapersworkfromhome
Коричневый фон Австралия Мельбурн Виктория
Hd узор обоиHd черные обоисерый
рабочий столКосмические изображения и картинки – – – –– ––– –– –––– – –.
HD обои деревоЕда изображения и картинкиразделочная доска
растениеЗеленые обои hdЛистья фоны
Серые обои Hdgrainempty
ИндианаполисСШАФоны Zoom
Похожие коллекции
Фон в таблице
1 Фотография · Куратор Teresa MaguireФоны
19K Фотографии · Куратор Becca MerrimanТаблица
474 Фотографии · Curvate Sun KBook Images и Photo Photeleegrete People
9111111111111111111111111111111111111111111.Christmas imagesbauablefestive
Unsplash logoUnsplash+
В сотрудничестве с Getty Images
Unsplash+
Unlock
scissorsgifthand
Андрей Лишаков
Hq фоновые изображенияHd design wallpapersworkfromhome
–––– –––– –––– – –––– – –––– –– – –– –––– – – –– –– – –– –––– – –.
Lukas Blazek
HD Wood WallpapersFood Изображения и картинки.0011 Unsplash logo
Unsplash+
In collaboration with Getty Images
Unsplash+
Unlock
sittingdatingchild
Jakob Braun
Hd grey wallpapersgrainempty
Sai Abhinivesh Burla
indiatamil naduchennai
Annie Spratt
Hd pattern wallpapersHd black wallpapersgray
Джон Мур
Индианаполис, СШАФон Zoom
Энни Спратт
flatlaybranch
Unsplash logoUnsplash+
In collaboration with Getty Images
Unsplash+
Unlock
Book images & photoselegancethree people
Andyone
deskworkspaceSpace images & pictures
Tijana Drndarski
Hd white wallpapersHd autumn wallpapersautumn decoration
Fabian Stroobants
Hd wallpaperstanclean
Леоне Вентер
минимальная офисная работа
Элвин Энглер
hometablevancouver
Unsplash logoUnsplash+
In collaboration with Getty Images
Unsplash+
Unlock
Christmas imagesbauablefestive
Samantha Gades
interiorwallWebsite backgrounds
Логотип Unsplash
Сделайте что-нибудь потрясающее
Учебное пособие по таблицам HTML — фоновые изображения в таблицах
Учебное пособие по таблицам HTML — фоновые изображения в таблицахФоновые изображения в таблицах Но веб-браузеры неизменно распознают его в течение многих лет, и нет никаких оснований полагать, что это изменится в ближайшее время. Я просто хотел, чтобы ты знал это. Продолжайте….
Мы будем использовать это изображение (myback.gif)…
И используем его в этой таблице…
|
|
Сначала мы убьем границы таблицы…
|
|
Вставьте background=»myback. gif» в тег TABLE…
|
|
Следует избегать указания фона по строке
|
|
Достаточно просто, не так ли?
Примечание. Я оставил значение ячейки равным 0. Отсутствие атрибута ячейки приведет к значению ячейки по умолчанию (обычно 2) и пробелам между ячейками…
|