Question

我使用的工具提示插件，通過顯示title屬性see this

我有標題的形象工程標題問題：

<img class="tiptip tip_top" src="adv.jpg" height="111" width="186" title="<?php echo $first; ?>"/> 

如果我的PHP是這樣的，它工作原理：

$first = 'Check out the new diggs!'; 

但如果我使用樣式它並不：

$first = '<span style="color:#f200c8;">Check out the new diggs!</span>'; 

任何想法如何使用樣式到PHP？

Answer 1

您的代碼導致無效的HTML/CSS。您不能在標題屬性中放置樣式標籤，只能使用純文本。你的插件應該處理工具提示的外觀。根據您鏈接到的文檔，您可以修改插件的CSS。

這裏是由插件生成的HTML：

<div id="tiptip_holder"> 
    <div id="tiptip_content"> 
     <div id="tiptip_arrow"> 
      <div id="tiptip_arrow_inner"></div> 
     </div> 
    </div> 
</div> 

這些都是編號的，你應該修改，主要tiptip_content的CSS。

Answer 2

您不能在類似的屬性中嵌入樣式。您需要找到實際工具提示彈出窗口的類或ID值並修改它們。工具提示插件的製作者可能會有一些文檔來幫助你弄清楚他/她使用的是什麼類，或者你可以使用Firebug（用於Firefox）或內置的Developer Tools for Chrome來幫助你弄清楚類/ID。

Answer 3

該標題屬性不是一個HTML框。應該有只有測試值。如果你想顯示一個風格的標題，你應該一個圖像標記之外顯示出來，比如像這樣：

<img src="file.png" <!-- some other attributes --> /><br /><?php echo $title ?> 

在這種情況下$title可以是一個風格的HTML文本。

Answer 4

根據the spec，title屬性預計爲「文本」類型。這被解釋elsewhere爲

文本的意思是「人類可讀的」

HTML標記並不意味着是人類可讀（它的意思是機器可讀的），所以標籤被解析爲純文本。