我正试图在锚点内显示通知
在我的控制器中,我将此数组保存到
中$data['table_data'];
然后通过调用$data_table
$this->table->add_row($cellCl,$cellT,$cellE,$cellA,$cellTR,
anchor('notifications/print/'.$reg->id,'.',array('class'=>'img1')).'
'.anchor('notifications/write/'.$reg->id,'.',array('class'=>'img2')).'
'.anchor('notifications/read/'.$reg->id,'.',array('class'=>'notification'))
);
我希望显示类似于显示通知图像的锚点内的片段(而不是显示通知图像)。
a.fa-globe {
position: relative;
font-size: 2em;
color: grey;
cursor: pointer;
}
span.fa-comment {
position: absolute;
font-size: 0.6em;
top: -4px;
color: red;
right: -4px;
}
span.num {
position: absolute;
font-size: 0.3em;
top: 1px;
color: #fff;
right: 2px;
}

<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet" />
<a class="fa fa-globe">
<span class="fa fa-comment"></span>
<span class="num">2</span>
</a>
&#13;
答案 0 :(得分:2)
anchor
函数的第二个参数通常是显示在<a>
元素之间的文本。
EG
echo anchor('url', 'Text'); // <a href="url">Text</a>
但这并不仅限于文字内容。你也可以输入HTML。
EG
echo anchor('url', '<span style="color: red">Test</span>');
// <a href="url"><span style="color: red">Test</span></a>
因此,您可以将<span class="fa fa-comment"></span><span class="num">2</span>
添加到anchor
的第二个参数,以使其呈现HTML。