我最近为wordpress安装了鼠标/光标试用插件。该插件正在运行，但鼠标轨迹图像在网站内容后面消失，仅在背景上显示
或许有人能指导我正确的方向来修理吗？
谢谢
链接到插件：Wordpress光标跟踪
function add_cursor_trail(){
$ct_data = get_option('cursor_trail_options');
if( date('Y-m-d', current_time('timestamp')) == '2011-02-14'){
$ct_data['pointer'] = WP_PLUGIN_URL.'/cursor-trail/valentines.png';
}
if( !empty($ct_data['start']) && current_time('timestamp') <= strtotime($ct_data['start']) ){
return;
}
if( !empty($ct_data['end']) && current_time('timestamp') >= strtotime($ct_data['end']) ){
return;
}
?>
<script type="text/javascript">
jQuery(document).ready( function($) {
var container = $(document.body);
var speed = <?php echo $ct_data['speed']; ?>;
container.mousemove( function(e){
if( $(this).parents('a').length == 0 ){
$('<img src="<?php echo $ct_data['pointer']; ?>" />').css({ 'position':'absolute', 'top':e.pageY+5, 'left':e.pageX+5}).prependTo(container).fadeOut(speed, function(){
$(this).remove();
});
}
});
});
</script>
<?php
}
add_action('wp_head','add_cursor_trail',999);
/* Creating the wp_events table to store event data*/
function cursor_trail_activate() {
$ct_data = array(
'pointer' => WP_PLUGIN_URL.'/cursor-trail/pointer.png',
'speed' => 900
);
add_option('cursor_trail_options', $ct_data);
}
register_activation_hook( __FILE__,'cursor_trail_activate');
class CursorTrailAdmin{
// action function for above hook
function CursorTrailAdmin() {
global $user_level;
add_action ( 'admin_menu', array (&$this, 'menus') );
}
function menus(){
$page = add_options_page('Cursor Trail', 'Cursor Trail', 'manage_options', 'cursor-trail', array(&$this,'options'));
add_action('admin_head-'.$page, array(&$this,'options_head'));
}
function options_head(){
?>
<style type="text/css">
.nwl-plugin table { width:100%; }
.nwl-plugin table .col { width:100px; }
.nwl-plugin table input.wide { width:100%; padding:2px; }
</style>
<?php
}
function options() {
add_option('cursor_trail_options');
if( is_admin() && !empty($_POST['ctsubmitted']) ){
//Build the array of options here
foreach ($_POST as $postKey => $postValue){
if( substr($postKey, 0, 3) == 'ct_' ){
//For now, no validation, since this is in admin area.
if($postValue != ''){
$ct_data[substr($postKey, 3)] = $postValue;
}
}
}
update_option('cursor_trail_options', $ct_data);
?>
<div class="updated"><p><strong><?php _e('Changes saved.'); ?></strong></p></div>
<?php
}else{
$ct_data = get_option('cursor_trail_options');
}
?>
<div class="wrap nwl-plugin">
<h2>Cursor Trail</h2>
<div id="poststuff" class="metabox-holder has-right-sidebar">
<div id="side-info-column" class="inner-sidebar">
<div id="categorydiv" class="postbox ">
<div class="handlediv" title="Click to toggle"></div>
<h3 class="hndle">Donations</h3>
<div class="inside">
<em>Plugins don't grow on trees.</em> Please remember that this plugin is provided to you free of charge, yet it takes many hours of work to maintain and improve!
<div style="text-align:center;">
<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="8H9R5FVER3SWW">
<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>
</div>
</div>
</div>
<div id="categorydiv" class="postbox ">
<div class="handlediv" title="Click to toggle"></div>
<h3 class="hndle">Plugin Information</h3>
<div class="inside">
<p>This plugin was developed by <a href="http://twitter.com/marcussykes">Marcus Sykes</a> @ <a href="http://netweblogic.com">NetWebLogic</a></p>
<p>Please visit <a href="http://netweblogic.com/forums/">our forum</a> for plugin support.</p>
</div>
</div>
</div>
<div id="post-body">
<div id="post-body-content">
<p>If you have any suggestions, come over to our plugin page and leave a comment. It may just happen!</p>
<form method="post" action="<?php echo str_replace( '%7E', '~', $_SERVER['REQUEST_URI']); ?>">
<table class="form-table">
<tbody id="lwa-body">
<tr valign="top">
<td colspan="2">
<h3><?php _e("General Settings", 'cursor-trail'); ?></h3>
</td>
</tr>
<tr valign="top">
<td scope="row">
<label><?php _e("Cursor Image", 'cursor-trail'); ?></label>
</td>
<td>
<input type="text" name="ct_pointer" value='<?php echo (!empty($ct_data['pointer'])) ? $ct_data['pointer']:WP_PLUGIN_URL.'/cursor-trail/pointer.png'; ?>' class='wide' />
<i><?php _e("Add the url for the image you want to use as a cursor trail. Defaults to a mouse pointer if left blank.", 'cursor-trail'); ?></i>
</td>
</tr>
<tr valign="top">
<td scope="row">
<label><?php _e("Cursor Fade Speed", 'cursor-trail'); ?></label>
</td>
<td>
<input type="text" name="ct_speed" value='<?php echo (!empty($ct_data['speed'])) ? $ct_data['speed']:900; ?>' class='wide' />
<i><?php _e("Speed in ms that each cursor trail will take to fade out.", 'cursor-trail'); ?></i>
</td>
</tr>
<tr valign="top">
<td scope="row">
<label><?php _e("Start Date", 'cursor-trail'); ?></label>
</td>
<td>
<input type="text" name="ct_start" value='<?php echo (!empty($ct_data['start'])) ? $ct_data['start']:''; ?>' class='wide' />
<i><?php _e("If filled, cursors won't start to trail until this date. Use YYYY-MM-DD format.", 'cursor-trail'); ?></i>
</td>
</tr>
<tr valign="top">
<td scope="row">
<label><?php _e("Cut-Off Date", 'cursor-trail'); ?></label>
</td>
<td>
<input type="text" name="ct_end" value='<?php echo (!empty($ct_data['end'])) ? $ct_data['end']:''; ?>' class='wide' />
<i><?php _e("If filled, cursors won't trail after this date. Use YYYY-MM-DD format.", 'cursor-trail'); ?></i>
</td>
</tr>
</tbody>
<tfoot>
<tr valign="top">
<td colspan="2">
<input type="hidden" name="ctsubmitted" value="1" />
<p class="submit">
<input type="submit" class="button-primary" value="<?php _e('Save Changes') ?>" />
</p>
</td>
</tr>
</tfoot>
</table>
</form>
</div>
</div>
</div>
</div>
<?php
}
}
global $CursorTrailAdmin;
$CursorTrailAdmin = new CursorTrailAdmin();
我已尝试将以下内容添加到我的style.css中，但它无效：
img[src$="/pointer.png"] {
z-index: 1000;
}
答案 0 :(得分：1)
有同样的问题，这解决了它：
img[src$="/pointer.png"],
img[src$="/valentines.png"] {
z-index: 1000!important;
}
答案 1 :(得分：1)
你的img的z-index局限于父元素。检查此元素是否落后于其他内容。如果是这样，z-index为1000将没有任何帮助。您必须将父项放在其他元素的前面。