我想在给定图像上显示带有z索引:99的div 'class=perspectiveHomeMenu‘。

?

#perspective {
  display: none;
}
img {
  width: 100%;
  /*for demo*/
  height: 100px;
  /*for demo*/
}
.perspectiveContent-submenuMenu {
  display: none;
}
.perspectiveHomeContent {
  width: 65%;
  margin: 0% 5% 6%;
  background-color: rgb(241, 241, 241);
  float: left;
  padding: 0%;
}
.perspectiveHomeContent .imageAlign {
  float: left;
  width: 100%;
}
.contentHomeAlign {
  float: left;
  margin: 2% 3%;
  width: 98%;
  padding: 1%;
}
.perspectiveHomecontentImage iframe,
.perspectiveHomecontentImage img {
  width: 100% !important;
}
.contentHomeAlign .perspectiveContentHeading {
  font-size: 14pt;
  margin: 0% 0 0;
  color: rgb(106, 90, 148);
}
.perspectiveContentHeading a {
  color: rgb(106, 90, 148);
}
.contentHomeAlign p {
  font-size: 10pt;
}
.authorshomeLink {
  font-size: 11pt;
}
.perspectiveHomeMenu {
  background-color: rgb(106, 90, 148);
  /*-webkit-transform: skew(-20deg);*/
}
.perspectiveHomeMenu a {
  background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(128, 70, 168, 1) 0%, rgba(163, 36, 168, 1) 100%) repeat scroll 0 0;
  font-size: 10pt;
  padding: 1%;
  float: right;
  position: relative;
  color: #ffffff;
}

<div class="banner">
  <img src="" alt="banner">
</div>
<div class="perspectiveContentsection">
  <div class="perspectiveHomeContent">
    <div class="imageAlign">
      <div class="perspectiveHomecontentImage">
        <img src="" alt="This is the image.Need to display blogs here">
      </div>
      <div class="perspectiveHomeMenu">
        <a>Blogs</a>
      </div>
    </div>
    <div class="contentHomeAlign">
      <div class="perspectiveContentHeading"><a>Title of the content</a>
      </div>
      <div class="authorshomeLink"><a>Test Author</a>
      </div>
      <div>sample body content.sample body content.sample body content.sample body content.sample body content.</div>
      <div class="perspectiveReadurl"><a>Read More</a>
      </div>
    </div>

  </div>
</div>

?

我想要在右上角的图像上显示博客

转载请注明出处:http://www.mingweiauto.com/article/20230526/1919758.html

随机推荐

1. 用于在angular不工作时限制用户访问特定路由的防护

   我正在尝试根据用户角色限制用户对特定路由的访问。我已经创建了一个新的角色保护来执行此操作，但仍然可以提前访问受限routes.Thanks以获得您的帮助这里是我的守卫：export class RoleGuard implements Ca...

2. 在文档签名后，docusignapi是否可以用于在netsuite中创建实体？

   我想知道是否可以在文档签名后让docusign调用netsuite。我们可以传递docusign需要传递给netsuite的参数。因此，如果docusign可以将一些公司数据转储到netsuite中，则可以省去调用netsuite的过程。我...

3. 用于在S3事件上触发Lambda的云表单模板

   我想使用Cloudformation来创建一个S3 bucket，每当发生文件创建、文件删除等S3事件时，该bucket都会触发Lambda函数。根据我的研究，我有我的AWS::Lambda::Function和AWS::S3::Bucke...

4. 用于在WordPress中跟踪页面404的谷歌分析代码

   我是wordpress的初学者，我想找人帮我。我想追踪第404页。我有2个分析代码。每个页面上都会显示其中一个。另一种是仅在404页上显示。我不知道在哪里以及如何放置第二个分析代码，它只用于第404页。我请求一个建议:)代码如下：?php ...

5. 用于在事件计数大于X时显示计算机的Azure日志分析查询

   我在过去的几个小时里试图建立查询，以显示/列出已经生成了超过10个特定id的事件的计算机。例如，查询列出了已经发生事件2222的所有计算机，但我希望有一个查询，只有在过去48小时内报告了例如超过10个相同id的事件时，才会列出计算机。如果没...

6. 用于在彩色圆圈中显示文本视图的gradientDrawable

   我使用gradientDrawable在彩色圆圈中显示文本视图。我使用了以下代码-gradientDrawable.setShape(GradientDrawable.RADIAL_GRADIENT); gradientDrawable.s...

7. 用于在多个表的一个字段中显示多个值的MySQL查询

   我有表：TRUCKING_JOB：trucking_id，driverData: 1, Jonah 2, Jim 3, Ron复制机器：machine_id、machine_nameData: 1, Machine1 2, Machine...

8. 用于在Azure中更新标记的PowerShell脚本

   我正在尝试更新Azure环境中的一些遗留资源标记。我需要保留这些资源的标签，只需要更新其中的一个，但这项简单的任务在上百个资源上变得令我头疼。PowerShell根本不会轻易地用新值覆盖现有的标签，所以我创建了一个我希望是为当前标签创建变量...

9. 如何在Flutter中创建和读取用于在Firestore中存储数据的键值对(map)数组

   我有问题集合和一些X‘数量的字段，但现在我想在我的firestore收集问题的现有文档中设置一个键值对数组，用于将数据存储在我的firestore中。所需的结构如下图所示，我无法获得如何创建这样的结构，我想获取它们并使用flutter和da...

10. 用于在项目模板中搜索blazor的TelerikCombobox

    我有一个启用了过滤器选项的telerik comobox。我已经添加了itemtemplate，用于在文本字段中显示id和value。当用户在下拉列表中输入时，我想使用包含过滤。下面是我尝试过的代码TelerikComboBox Data=...