2015-03-16 2 views
0

У меня есть веб-сайт, созданный в MVC4.Как вы можете исчезнуть на фоне изображения?

У меня есть изображение. И я хочу показать только фигуру (стрелку) изображения. И я не хочу показывать остальную часть изображения (фон).

enter image description here < = только белый фон стрелок должен исчезнуть.

Как вы это делаете?

Я попытался это, но с этим все изображение исчезает, вместо части его:

.images_top { 
    width: 30px; 
    text-align: center; 
    vertical-align: top; 
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
     filter: alpha(opacity=0); 
     opacity:0; 
} 
+0

В Delphi это возможность. – user1531040

+0

Я думаю, что ответ на ваш вопрос: http://stackoverflow.com/questions/493296/css-display-an-image-resized-and-cropped – Bruniasty

+0

Вы могли бы предоставить рабочую демонстрацию для репликации этой проблемы? (например, вы говорите об изображении, но я не вижу изображения в вашем вопросе) – jbutler483

ответ

1

Прежде всего, я думаю, что вы можете использовать PNG с альфа-каналом.

Если это невозможно, посмотрите на этот урок о том, как обрезать изображения с помощью SVG-клипа. http://www.html5rocks.com/en/tutorials/masking/adobe/

Даже если это возможно только в последних браузерах.

1

Использование изображений PNG для прозрачного фона. Вы можете использовать любой онлайн-конвертер для преобразования своего изображения в PNG.

0

Помимо теперь лучше поддерживается PNGPNG8 с лучшей резервной-поддержкой (глядя на IE) и (конфигурируемый) прозрачный цвет (индекс из палитры) вместо альфа, в значительной степени так же, как GIF), есть также GIF, который «всегда» был поддержан (и больше не обременен юридическими проблемами, которые были связаны только с его алгоритмом сжатия на основе LZW, который можно обойти).

Из-за отсутствия альфа-канала создание приятных прозрачных изображений PNG8 и GIF (без страшных чрезмерно визуальных зернистых (часто белых) границ) является настоящим искусством, изображающим пиксель.
трюк предназначен для подкрашивания границ между цветом и прозрачностью вручную и для установки фонового цвета изображения (при рендеринге от альфа-канала до однократной прозрачности) до в среднем цвет фона изображения будут использоваться против.

Идея толстых png заключается в том, что у них есть альфа-каналы, которые дадут вам (наглядный пример) приятные оттенки (если бы вы применили такой эффект), которые будут смешиваться с любым фоном. Теперь с современными браузерами это работает довольно неплохо (и не требует пиксельного искусства). Pixel-art PNG8/GIF все еще может иметь свое место, но для base64 кодированных ui-элементов, как правило, маленькие значки.

Смежные вопросы