画像の上にカーソルを置くと、画像のタイトル/ツールチップが表示されず、その画像に関連するHTMLスタイル全体が表示されます。同じスクリーンショットを添付しました。 
画像要素の先端にhtmlの要素と針が付いています
我々はそれをクリック
title="<h2 style='position: absolute;top: -35px;font-size: 13px;left: 0;color: #fff;width: 100%;font-weight:bold;'><?php echo $portfolio['portfolio_title']; ?></h2><p style=position: absolute;top: -5px;left: 0%; width: 100%;margin:0!important; font-size:12px!important;'><?php echo $portfolio['portfolio_description']; ?></p>"
上の画像popsupは、あなたがタイトルと見たいものを入れたときのタイトルは、次のように来て、というような方法を行っている画像タグに
<img src="x" title="What you want showed"/>
私は自分のクエリを更新しました。私たちはポップアップのためのプラグインを使用しています。そして、大きな画像が表示されているときは、タイトル/見出しのタイトルオプションがあります。 – Gops
あなたの問題のための最も簡単な解決策は次のとおりです。それに応じて別々のdivとスタイルを作成し、CSS/JSからデフォルトでそれを隠します。画像上にマウスを置くと、画像が見えるようになります。
.wrapper {
width: 200px;
height: auto;
position: relative;
margin-top: 200px;
margin-left: auto;
margin-right: auto;
}
.wrapper:hover .hover-element {
visibility: visible;
opacity: 1;
}
.hover-element {
width: 100%;
height: auto;
position: absolute;
top: -150px;
left: 0;
background: #000;
color: #fff;
visibility: hidden;
opacity: 0;
transition: all 0.5s;
}<div class="wrapper">
<img src="http://lorempixel.com/200/200" alt="" />
<div class="hover-element">
<h2>Tooltip Text</h2>
<p>Lorem ipsum dolor sit amet, consectetur adip</p>
</div>
</div>サポートしていただきありがとうございます。私は別のスタックオーバーフローの質問からのスクリプトを使用して問題を解決することができました。
jquery: hide title attribute but not remove it
私はそれを解決するためにRidwan Pujakesumaの答えを使用していました。
おかげで再び
よろしく のGOP
私はあなた*タイトルは*画像の属性が間違ったHTMLを盗聴されてかなり確信しています。適切なソリューションのためにHTMLを投稿する –
タイトル属性のスタイルを設定することはできません – j08691
はい！ホバー上に隠す方法があります。プラグインはそのタイトルを使用して2番目の画像に表示される画像名/見出しを表示するためです。 – Gops