Я встраивание SVG изображения внутри <object> тега:Пункт внутри тега объекта
<object type="image/svg+xml" data="images/quatrefoil.svg" width="100%"
height="100%" class="svg-content"></object>
Я попытался положить пункт <p class="arvo"> в <object> тега, но текст не отображается. Как мне написать, чтобы текст абзаца просматривался на стороне объекта SVG?
Используйте общий родительский
<div class="container">
<svg ...>
<p class="description">...</p>
</div>
вместе с
.container {
position: relative;
width: {x}px;
height: {x}px;
}
.container svg {
position: relative;
width: 100%; height: 100%;
z-index: 1;
}
.container .description {
position: absolute;
bottom: 0px;
width: 100%;
z-index: 999; /* or something sufficiently large */
}
спасибо, что хорошо сработали –
@JingLiang, пожалуйста, примите ответ. –
Вы можете создать скрипку или что-то, чтобы мы могли просмотреть вашу проблему? – Matt
Вещи в теге '
ok ... Его мой первый раз здесь .. В скриптах .. есть ли место для ссылки на изображения. Если я не могу загрузить мой .svg-образ, вы действительно ничего не видите. вот ссылка на скрипку: http: //jsfiddle.net/jingliang3/asmxkgp4/ –