小编mic*_*urk的帖子

有人可以解释我如何垂直对齐<a>元素中的文本- 所以两个文本都出现在红色框的中间？

http://jsfiddle.net/WeKtX/

这是我的HTML:

<ul>
<li><a href="#">this is a link</a></li>
<li><a href="#">this is an even longer link</a></li>
</ul>

和我的CSS:

li {list-style-type:none;margin:0;padding:0}
li a {width:100px;float:left;background:red;margin-right:20px;height:40px}

非常感谢任何指针

我正在使用以下CSS用于Retina图像,它在FF,Chrome,Safari中完美运行,但在IE中却不行.

IE是否有使用后台大小的修复程序 - 如果有,我怎么能用我当前的代码实现它？

CSS:

.arrow-big-right {
    display: block;
    width: 42px;
    height: 48px;
    margin-bottom: 1.8em;
    background-image: url(arrow-big-right.png);
    background-repeat: no-repeat;
    background-size: 42px 48px;
}

HTML

<div class="arrow-big-right"></div>

有人可以解释我如何解决这个问题吗？

非常感谢任何帮助:-)

我有一个像这样定义的变量:$ var ="1,2,3"; 我有一个数组:$ thePostIdArray = array(1,2,3);

循环时,上面的数组工作得很好但是当我尝试使用$ var代替以逗号分隔的列表时,会出现问题.

所以(完美的世界)它可能是$ thePostIdArray = array($ var); 这与$ thePostIdArray = array(1,2,3)相同; .

迄今为止的每一次尝试都没有奏效:'(

这甚至可能,还是有一个更简单的解决方法？

谢谢你的任何指示.

我一直在使用我发现的一些HTML/JavaScript代码来产生一个很好的小悬停效果:http://jsfiddle.net/RaEER/1/

• 您会注意到,占位符图像上方有一个空白区域.

• 当我将鼠标悬停在它上面时,它变为绿色,然后我鼠标移开,它变为浅灰色.

当页面加载时,有什么方法可以让这个白色区域变成浅灰色？

如果它有帮助,这就是这一行的代码:

<div class="slides_item post-thumb" style="
background:#ededed!important"
onmouseover="
$(this).find('.hover_the_thumbs').css('background-color','rgba(0, 0, 0, 0.6)'); 
$(this).find('.magnify_this_thumb').css('left', '51%').css('opacity',1); 
$(this).find('.hyperlink_this_thumb').css('left', '43%').css('opacity',1); 
$(this).children('div').css('background','#8ec252');  
$(this).find('.p_title a').css('color', 'white'); 
$(this).find('.p_exerpt p').css('color', 'white'); 
$(this).find('.p_title').css('border-top', '0');" 

onmouseout="
$(this).find('.hover_the_thumbs').css('background-color','rgba(0, 0, 0, 0)'); 
$(this).find('.magnify_this_thumb').css('left', '-15%').css('opacity',0); 
$(this).find('.hyperlink_this_thumb').css('left', '105%').css('opacity',0); 
$(this).children('div').css('background','#fff'); 
$(this).find('.p_exerpt p').css('color', ''); 
$(this).find('.p_title a').css('color', ''); 
$(this).children('div').css('background','#ededed'); 
$(this).find('.p_title').css('border-top', '0');">

我的代码:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>      
<script src="http://someothersite.com/external.js"></script>

external.js:

$("head").append(unescape(""));

不幸的是,当我包含我的外部脚本时,我收到以下错误:

未捕获的TypeError:$不是函数

我该如何解决？请记住,我不能编辑外部Javascript文件,因为它是第三方.

当涉及到这个正则表达式时,有人能告诉我我的方式的错误:

if(preg_match("/^[0-9]{1,2}/[0-9]{1,2}/[0-9]{4}$/", $_POST["date"]) === 0) {
   echo 'error';
}

基本上我希望每次都显示一条错误信息 - 除非格式正确(dd/mm/yyyy).

我上面做错了什么？

非常感谢任何指针.

- 发布后不久更新的正则表达式 - 给您带来不便的道歉 -

我的WordPress网站上安装了一个插件.

我想覆盖插件中的一个函数.我是否在我的主题中覆盖了这个,functions.php如果是,我该怎么做？

这是我的插件中的原始功能:

    /**
     * sensei_start_course_form function.
     *
     * @access public
     * @param mixed $course_id
     * @return void
     */
    function sensei_start_course_form( $course_id ) {

        $prerequisite_complete = sensei_check_prerequisite_course( $course_id );

        if ( $prerequisite_complete ) {
        ?><form method="POST" action="<?php echo esc_url( get_permalink() ); ?>">

                <input type="hidden" name="<?php echo esc_attr( 'woothemes_sensei_start_course_noonce' ); ?>" id="<?php echo esc_attr( 'woothemes_sensei_start_course_noonce' ); ?>" value="<?php echo esc_attr( wp_create_nonce( 'woothemes_sensei_start_course_noonce' ) ); ?>" />

                <span><input name="course_start" type="submit" class="course-start" value="<?php echo apply_filters( 'sensei_start_course_text', __( 'Start taking this Course', …

我有我的SiteMaster.cs文件,我想检查客户端浏览器是否使用IE访问我的网站.

是否有捷径可寻？

谢谢

迈克尔

我想把我的放大镜垂直放在我的div的中心.

我该怎么做呢？

演示:http://jsfiddle.net/6ewn37gt/

span.text-content {
  background: rgba(23, 165, 195, 0.5);
  color: white;
  cursor: pointer;
  display: table;
  opacity: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
}

ul li:hover span.text-content {
  opacity: 1;
}

<ul>
    <li>
        <div  style="background-image:url('http://placehold.it/500x500');background-position: 0 0;background-repeat: no-repeat;background-size:cover;height:300px;">
	<a href="#"></a>
	<span class="text-content"><span><img src="http://webdesignandsuch.com/posts/jquery-image-rollover/images/mag.png" style="min-width:121px" /></span></span>
</div>
    </li>
</ul>

我已经设法在CSS中创建一个椭圆形状.我现在如何水平地减半？

http://jsfiddle.net/Lejqovqy/

.oval {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 200px;
  height: 100px;
  border: none;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  font: normal 100%/normal Arial, Helvetica, sans-serif;
  color: rgba(0, 0, 0, 1);
  -o-text-overflow: clip;
  text-overflow: clip;
  border: 1px solid #1abc9c;
}

<div class="oval"></div>