1

我正在尝试创建一个图像翻转按钮以放置在 php 文件中。css 在下面...现在我将使用什么 php 脚本来显示按钮？

#quotebutton {
    position: fixed;
    display: block;
    width: 147px;
    height: 35px;
    left: 830px;
    top: 400px;
    background-image: url ("http://sickwebmedia.com/wp-content/themes/gridportfolio/images/get-a-quote.png");
    background-repeat: none;
}

#quotebutton a:hover {
    position: fixed;
    display: block;
    width: 147px;
    height: 35px;
    left: 830px;
    top: 400px;
    background-image: url("http://sickwebmedia.com/wp-content/themes/gridportfolio/images/get-a-quote-over.png");
    background-repeat: none;
}
4

3 回答 3

2

你为什么试图把它放在一个 PHP 文件中？

有几件事是现成的：

  1. 您的 CSS url("") 标记中不需要引号。它可以只是 url( http://imagehere.com/sup.png )
  2. 悬停范围不需要重新定义每个属性。例如，您可以这样做： #quotebutton a:hover { background-image: url(urlhere)"); }

编辑：尼古拉有一个更合适的实施答案。我为你创建了一个尼古拉所说的例子：http: //jsfiddle.net/XAtGP/

干杯。:)

于 2013-05-31T01:39:52.503 回答
0

css：如果锚标签嵌套在#quotebutton中

#quotebutton>a{
position: fixed;
display: block;
width: 147px;
height: 35px;
left: 830px;
top: 400px;
background-image: url ("http://sickwebmedia.com/wp-content/themes/gridportfolio/images/get-a-quote.png");
background-repeat: none;
}

#quotebutton>a:hover {
background-image: url("http://sickwebmedia.com/wp-content/themes/gridportfolio/images/get-a-quote-over.png");
}

html示例：

<div id="quotebutton">
    <a herf="#"></a>
</div>

如果不是，并且 #qoutebutton 是 CSS 的锚点，则如下：

a#quotebutton {
position: fixed;
display: block;
width: 147px;
height: 35px;
left: 830px;
top: 400px;
background-image: url ("http://sickwebmedia.com/wp-content/themes/gridportfolio/images/get-a-quote.png");
background-repeat: none;
}

a#quotebutton:hover {
background-image: url("http://sickwebmedia.com/wp-content/themes/gridportfolio/images/get-a-quote-over.png");
}

html示例：

<a id="quotebutton" href="#">quotebutton</a>
于 2013-05-31T01:46:04.707 回答
0

您可以使用 html 代码或输出 html 代码的 php 脚本：

<a id="quotebutton" href="#">Quote</a>

在 CSS 中，#代表某个元素的ID。

如果您计划在一个页面上使用多个这样的按钮，您应该将 #quotebutton 更改为 .quotebutton（以点开头）并像这样使用它：

<a class="quotebutton" href="#">Quote</a>

哪里。在 CSS 中代表元素的CLASS。

HTML 类可以被许多元素使用，而 ID 是元素的唯一标识符，不能在同一页面上使用 2 次。

于 2013-05-31T01:36:41.233 回答