Question

我可以在＆lt;标题中使用html属性吗？ h：graphicImage＆gt; ？

我想要像：

<h:graphicImage value="/images/box.gif" title="#{literal}"/>

其中#{literal}是字符串：< b > BoldText < /b >

title属性是否可以解释< b>代码？

Answer 1

由于你用html标记，我在HTML + CSS回答你。您可以使用 CSS 设置属性的某些样式。

Html代码：

<a href="#" title="This is link">Hi., Buddy.!!</a>

CSS代码：

a {
  color: #900;
  text-decoration: none;
}

a:hover {
  color: red;
  position: relative;
}

a[title]:hover:after {
  content: attr(title);
  padding: 4px 8px;
  color: #333;
  position: absolute;
  left: 0;
  top: 100%;
  white-space: nowrap;
  font-weight: bold;
  border-radius: 5px;
  box-shadow: 0px 0px 4px #222;
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #cccccc));
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
}

JSFIDDLE中的演示： http://jsfiddle.net/f29uq/

希望这会有所帮助.. !!

h：graphicImage标题 - 格式化文本

1 个答案: