如何将不透明度应用于图像的一部分? [关闭] -- theming 领域 drupal 相关 的问题

How to apply opacity to just a portion of the image? [closed]


-2
vote

问题

中文
关闭。这个问题是 off-topic 。它目前不接受答案。

想要改进这个问题? 更新问题所以它是 - 主题用于卸妆答案。

关闭 7年前

改善这个问题

我在主页上有一个幻灯片,它由图像和前面的文本组成,在图像的下半部分。我想将不透明度应用于图像的下半部分。有没有办法使用CSS?

英文原文

I've got a slideshow on the homepage which consists of an image and with text in front of it, in the bottom half of the image. I would like to apply opacity to the lower part of the image. Is there a way to do this using css?

  

回答列表

0
 
vote
vote
最佳答案
 

您需要使用绝对位置的div:

在此检查演示

答案

 

You need to use the image with an absolutely positioned div:

Check here for the demo

SO Answer

 
 
0
 
vote

我所愿意的是添加一个新的 div span 元素,与页面相同的背景,然后绝对位置它在图像和文本之间使用 z-index 。 CSS如何看起来取决于您的页面布局和HTML结构,但请注意,所有元素都需要 position z-index 工作。

 

What I would have done is to add a new div or span element with the same background as the page, then absolute position it between the image and the text using z-index. How the CSS looks depends on your page layout and html structure, but note that all elements needs a position value for z-index to work.

 
 

相关问题

0  是否熟练练习面板布局?  ( Is it good practice to style the panel layout ) 
我有一个面板布局。我想知道它是否可以在其他地方应用额外的CSS ID /课程或适应其他地方?我到处使用面板,我已经将布局移动到我的主题中。 ...

0  php以显示内容是否在分类术中具有新的评论.TPL.php?  ( Php to show if content has new comments in taxonomy term tpl php ) 
是可以将一些php添加到分类学 - term.tpl.php,它将看起来,看看是否有任何标记为术语的内容是否有新的评论,如果是这样打印HTML中的内容? ...

1  如何在模板中打印多值链接图像cck字段?  ( How to print multi value link image cck field in template ) 
我有一个使用链路图像字段模块设置的多值CCK字段,我需要在内容页面上打印所有图像(链接)。我使用下面的代码本身打印图像,但无法弄清楚如何将每个图像的链接包围每个图像。 <?php if ($node->field_day_option_buttons[0]['filepath'])...

2  有没有办法在悬停在它的链接上时动态地显示页面?  ( Is there a way to show a page dynamically when hovering on its link ) 
只是想知道是否有模块或某种方式一般来说,执行以下操作: 在页面链路上悬停时,将该页面的内容显示为工具提示或某种小型下拉窗口。 谢谢。 ...

0  如何让用户更改博客页面主题?  ( How give users ability to change their blog pages theme ) 
我正在使用Drupal7,我正在设计一个博客引擎网站,任何用户都可以为他/她/她/她/她可以改变他/她的博客页面的主题。是否有任何模块与核心博客模块集成并为我的网站提供此功能? ...

3  应该阻止标题<h2>?  ( Should block titles be h2 ) 
这些 <h2> 标题标签,在规范意义上,应该仅用作标题,右? 在drupal中,似乎这些块标题得到 <h2> 标签,但它们不是在合法段落的合法段标题中的语义标题。 肯定是搜索蜘蛛不会容易区分这些标签,实际上不是 <h2> 但标准 <div> s? ...

0  当侧栏有内容时更改内容区域宽度?  ( Change content region width when sidebar has content ) 
你好,我有我的感受(希望)一个简单的问题来解决。基本上我有我的地区定义,这很好,但我有我的侧栏,我想在内容区域的右侧显示。如果侧边栏已阻止"内容" 区域应增益为调整宽度以允许侧栏显示的类,如果侧栏中没有内容,则内容区域应以全宽显示。 在页面模板中,我有这个到目前为止 <?php if ($page['sideba...

0  在ZEN 7.5上将一些HTML添加到#Content的右侧  ( Add some html to the right of content on zen 7 5 ) 
你好,我整个早晨一直在努力,当我真的被恼怒并用完了我的CSS Limited Beaked之前,我倾向于在这里发布,在推动进一步的界限之后。 我有网页相当标准的东西。虽然剩余的设计,但这可能是一个错误给我。 #page,#header,#content等。我试图画出一个photoshop pic,其实我更好........

3  如何在Drupal上设置即将到来的页面?  ( How to set a coming soon page on drupal ) 
所有请求必须重定向到即将到来的页面,是有可能的模块可以做到还是解决方案,我正在使用zen基本主题。 谢谢你的帮助:) ...

1  如何摆脱默认字段标记  ( How to get rid of the default field markup ) 
我需要自定义注册表单字段。 Drupal生成如下所示字段: <div> <label>Name</label> <input type="text"> </div> 但我需要离开 <input> 并能够在它周围添加一些其他标记。 例如: <ul> <li><span>Name</span><inpu...

-1  如何将条件逻辑插入渲染阵列?  ( How can i insert conditional logic into a render array ) 
给出了以下渲染数组,我想插入一些逻辑,以便创建$次数的行,但我不能只插入一个 node/*3 循环在定义我的中间渲染阵列,我不这么认为。我能做什么? $ Number将始终有所不同。 node/*4 感谢 ...

0  那里有一个预先风格的欧米茄亚文体吗?  ( Is there a pre styled omega subtheme out there ) 
我在一个主题之后看起来很好的话,我不需要做出很多主题的变化。客户对造型并不讨论,但显然不希望STARK /裸露的网站。 Omega主题适合账单功能明智,它的响应性和地区/部分适合我们。但是,它太赤裸/鲜明。到目前为止已经尝试了Omega Kickstart,Omega和Omega-alpha。 对预测的免费主题的任何...

5  使用nid渲染视图行ID(节点ID)  ( Render a views row id using nid node id ) 
我可以轻松地将nid(node id)添加为我视图中的字段,然后使用替换模式作为未格式化的典型视图的行类的替换模式将其作为视图行的类。 (见屏幕捕获)。 但是,我想将nid作为 id 渲染,因为每行用于我正在做的一些特殊主题。如果我使用devel主题,我看到我的模板是 views-view-unformatt...

1  我如何将徽标图像中的徽标映像中占欧米茄主题?  ( How can i center a logo image in an omega theme ) 
我正在使用omega(显然是一个亚主),我难以居住我的徽标映像。我尝试在我的global.css文件中添加 .logo-img CSS类,但它没有做任何事情。我添加了以下内容,但结果很奇怪: margin-left: auto; margin-right: auto; border: 4px solid; ...

2  在用户登录时尝试使自定义区域消失,然后在用户注销时重新出现  ( Trying to make a custom region disappear upon user login then reappear when use ) 
我看过各地寻找我的问题,但找不到一个。我的目标是在用户登录时崩溃/强制我的网站上的自定义区域消失,然后在用户注销时会重新出现。或者,如果无法折叠区域,则用空区域替换该区域,通过CSS,我已经设计为以零高度显示。基本上,我正在尝试让自定义区域在用户登录时消失,然后使其在用户注销时重新出现。 此原因是我将最后的触摸在我的...

2  为页面分配模板  ( Assigning template for parts of pages ) 
我是德鲁佩尔和编码的新手,所以我会尝试和解释最好的我可以这个问题。 我在drupal 7,使用zen子主题 我有一个基本上是小工具数据库。 '小工具'是一种自定义内容类型,具有自定义字段,如"制造商" ,"制造商" ,"图像" 和"描述" 。 我从'page.tpl.php'工作来控制我的主页的外观。我发现这很容易使...

1  Drupal 7网站与着陆页和两节,具有不同的模板  ( Drupal 7 website with landing page and two sections with different templates ) 
我需要一个带有2个部分的Drupal 7网站.. 例如。 www.example.com 一个是民事,另一个是mep。 着陆页,导航到以下两个部分: 第1节:www.example.com/civil< /斯特朗> 第2部分:www.example.com/mep 设计的屏幕镜头: 着陆页: 网站-...

0  如何将带有表主题函数的类添加到表头行中?  ( How can i add a class with table theme function to a table header row ) 
如何使用表主题函数将类应用于某个表头的 <tr> ? 所以,我得到这个: <tr class='my-class'><th>foo</th><th>bar</th></tr> ...而不是: <tr><th class='my-class'>foo</th><th class='my-class'>bar</t...

2  如何更改块主题HTML标记?  ( How to alter block subject html tag ) 
我正在尝试更改 <h2> block.tpl.php 用来将 9988876662 加入 <h3> 标签我可以用jQuery UI手风琴来定位它们。我收到以下代码: <?php function MYTHEME_block_view_alter(&$data, $block) { if(...

1  删除内容上的用户配置文件链接  ( Remove link to user profile on content ) 
如何将链接删除到用户的内容上的链接?该元素是文章标题的一部分,其类名为".Username" 。我是笨蛋的新手,但不是webdesign;我只是难以确定要编辑的文件。 我试过: field_body_text6 在我的主题template.php文件,但它没有工作。 只是为了清楚:我正在尝试删除元素但不是文本...




© 2021 it.wenda123.org All Rights Reserved. 问答之家 版权所有


Licensed under cc by-sa 3.0 with attribution required.