c# - 例如，如何在 MVC 3 中将标签包含到图像中？-6ren

c# - 例如，如何在 MVC 3 中将标签包含到图像中？

转载作者：太空宇宙更新时间：2023-11-03 19:07:43

24

4

我正在尝试在图像中插入标签以制作一个允许用户查询可用网球场的界面。

我有一个日期选择器，当我选择一个日期时，我想以绿色显示该日期可用的网球场，以红色显示繁忙的网球场。

那么，是否可以在图像中插入标签？怎么样？

谢谢

代码:

<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>

最佳答案

这是我用标签覆盖图像的方法(在半透明背景上以提高易读性)。

<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>

关于c# - 例如，如何在 MVC 3 中将标签包含到图像中？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9598368/

24

4

0

文章推荐： jQuery 动画表 tbody 标签

文章推荐： python - 使用 mod_wsgi 在 Apache 上部署 django 应用程序

文章推荐： Python 编程帮助

首页

博学

6Ren·AI

商城

c# - 例如，如何在 MVC 3 中将标签包含到图像中？

标签)？
根据 Web 标准，创建带有标题 1 的链接的正确代码是什么？是吗 stackoverflow 或 stackoverflow 谢谢最佳答案根据网络标准，您不能将 block 元素放入内

首页

博学

6Ren·AI

商城

c# - 例如，如何在 MVC 3 中将标签包含到图像中？

标签)？ 根据 Web 标准，创建带有标题 1 的链接的正确代码是什么？ 是吗 stackoverflow 或 stackoverflow 谢谢 最佳答案 根据网络标准，您不能将 block 元素放入内

标签)？
根据 Web 标准，创建带有标题 1 的链接的正确代码是什么？是吗 stackoverflow 或 stackoverflow 谢谢最佳答案根据网络标准，您不能将 block 元素放入内