Php 在'上滚动;分层';元素。。。可能的

Php 在'上滚动;分层';元素。。。可能的,php,jquery,css,background,rollover,Php,Jquery,Css,Background,Rollover,我将如何做以下工作,最好只使用CSS(但也可能使用jquery)和PHP 我有一个div区域,按钮背景,它有一个背景图像。在该div内是一个A标记,其背景覆盖在div的背景上。(这是一个半透明的“播放”三角形png,它覆盖了视频中的静止图像)。我想在翻滚时更改A标记的背景(变为较暗的三角形) 发件人: 到 注意,我是从PHP生成的,按钮背景图像的url是一个名为$still的变量 以下是粗略的html: <div class="button_background"> <a

我将如何做以下工作,最好只使用CSS(但也可能使用jquery)和PHP

我有一个div区域,按钮背景,它有一个背景图像。在该div内是一个A标记,其背景覆盖在div的背景上。(这是一个半透明的“播放”三角形png,它覆盖了视频中的静止图像)。我想在翻滚时更改A标记的背景(变为较暗的三角形)

发件人:

注意,我是从PHP生成的,按钮背景图像的url是一个名为$still的变量

以下是粗略的html:

<div class="button_background">
  <a class="button_overlay" href="page.html"></a>  
</div>

您可以使用较暗的图像开始,并将CSS中的初始状态设置为较低的不透明度

a.button_overlay{背景:url(images/triangle.png);不透明度:0.5;}

悬停时,将不透明度更改为1,即需要MS特定的过滤器属性


您也可以只使用精灵图像(同一个PNG图像中三角形的深色和浅色版本),只更改悬停时的背景位置。

您可以使用深色图像开始,并将CSS中的初始状态设置为较低的不透明度

a.button_overlay{背景:url(images/triangle.png);不透明度:0.5;}

悬停时,将不透明度更改为1,即需要MS特定的过滤器属性

您也可以只使用一个精灵图像(同一个PNG图像中三角形的深色和浅色版本),只需更改悬停时的背景位置

-------------
| ($still)  |
|    *\     |
|    **\    |
|    **/    |
|    */     |
-------------
<div class="button_background">
  <a class="button_overlay" href="page.html"></a>  
</div>