Как включить, например, метку в изображение в MVC 3? - PullRequest
Новая
       1

Как включить, например, метку в изображение в MVC 3?

1 голос
/ 07 марта 2012

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

У меня есть средство выбора даты, и когда я выбираю дату, я бы хотелпокажите зеленый теннисный корт на этой дате, а занятый теннисный корт красным.

Итак, можно ли вставить ярлык на изображение?Как?

Спасибо

Код: 

<div class="AvailableCourt">
    <a href="@Url.Action("Index")" target="_blank" >
        <img src="@Url.Content("~/Content/img/TennisClub.png")" title="click to view in a new window or tab" />
    </a>

1 Ответ

0 голосов
/ 02 августа 2012

Вот что я использую для наложения изображения с меткой (на полупрозрачном фоне для улучшения читаемости). 

<html>
    <head>
    <style>
        .image-wrapper{
         float:left;
         position: relative;
        }
        .image-description{
         position:absolute;
         top:10px;
         left:10px;
         background-color:black;
         color: white;
         font-size: 14px;
         font-weight: bold;
         padding: 4px 10px 4px 10px;
         opacity: 0.5;
         filter:alpha(opacity=50); /*IE fix*/
        }
    </style>    
    </head>
    <body>
        <div class="image-wrapper">
         <img src="image.png" alt="example"/>
         <div class="image-description">Example description</div>
        </div>
    </body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...