使用图像和悬停图像动态创建CSS

Question

使用图像和悬停图像动态创建CSS

3

我正在使用 php 语言编程。我的数据库中有普通图片和悬停图片。我知道如何从数据库中调用它们，但我不知道如何创建类，使得如果我在数据库中有两个记录，每个记录都有一个普通图片和一个悬停图片，在从数据库中调用时，它将作为一个带有悬停图片的两个按钮图片，因为我的列中有两个 rows。

我已经在头部定义了它。

<style>
.n1{background:url(../images/no.png); 
 width:110px; height:29px; 
 float:left;
 margin-top:6px
 }

 .n1:hover{
  background:url(../images/no-h.png);
   }
 </style>

- PHP_USER1

2

你在 PHP 中尝试了什么？这并没有真正告诉我们任何东西。 - Andy Holmes

@AndyHolmes 我现在卡在这个点上，不知道如何在CSS中使用我的数据库值。 - PHP_USER1

1

请更好地解释一下你想要做什么。 - Sid

我猜你的文本中加入一些“.”字符可能会帮助我们大多数人更好地理解你的问题。请改进！ - helle

我在我的数据库中有一个简单的图像和一个悬停图像，我想从数据库中调用它，并将其作为按钮图像。 - PHP_USER1

显示剩余3条评论

2个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- andy · Answer 1

如果您正在使用内联样式，那么您可以直接使用以下代码：

<?php $var = 'no'; ?>
<style>
  .n1{background:url(../images/<?php echo $var ?>.png); 
 width:110px; height:29px; 
 float:left;
 margin-top:6px
 }

 .n1:hover{
  background:url(../images/<?php echo $var ?>-h.png);
   }
</style>

- Siraj Khan · Answer 2

您可以使用以下方法创建动态CSS

Define Content-Type on the top of your .css.php file:
<?
header('Content-Type: text/css');
// print out your php-driven css...
?>
 and call the file like this ..

<link rel="stylesheet" type="text/css" media="screen" href="CSS_PATH/name-of-file.css.php">