小编Ste*_*ler的帖子

CSS:Box + text over image

首先,我想给你看一张图片(用油漆做的).

替代文字

好的"当前"就是我现在所拥有的.我想在右边的图像上放置一个带有黑色背景的框,然后在此框中放置文本.

我尝试使用z-index等,但没有任何成功.这是我试过的:

<div> <!-- start div for image -->
  <img style="z-index: -1;" src="1.jpg" width="860" height="240"> <!-- the image -->
</div> <!-- end div -->
<div style="z-index: 1; width: 300px; background: #000; position: relative;">
  <div style="margin: auto;">
    text text text
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

但这没有任何好处.我怎样才能做到这一点?

html css overlay z-index

10
推荐指数
2
解决办法
3万
查看次数

从哪里开始学习SharePoint 2010?

我最近开始了一项新工作,我将使用Sharepoint 2010来设置(或实际升级)Intranet.不幸的是,我没有使用过SP2010的经验,而且最近一次触及SP2007(或虚拟服务器)是四年前的事了.

我很快就会参加一门课程,但在那之前我必须让自己变得有用.我已经设法安装了一个正常工作的Sp2010服务器,并且已经玩了一些Web应用程序和网站集,并试图了解Sharepoint Designer的工作原理,但我真的不知道我在做什么或者目标是什么我应该为自己设定实际学习有用的东西.

我也看了一些教程,但大多数都是特定于问题的(我还没有的问题)或者深入研究代码(我可能不会这样做).

那么..从哪里开始?

sharepoint sharepoint-2010

9
推荐指数
2
解决办法
6933
查看次数

位置:绝对位置:Chrome中的相对位置

在设计我的网站时,我犯了一个错误,即在所有浏览器上都没有调试.在Firefox(3.6.10)和IE8中,表单元素显示正常,但在chrome(10)中,只显示位置:绝对元素.

我有一个由无序列表组成的表单.列表项设置为position:relative.它包含一个左浮动标签,右浮动字段,以及一个位置:绝对小部件.

HTML:

<form><ul>
    <li>
        <label>Name</label>
        <input type="text" />
        <a id="nameGenerator" class="widget"></a>
    </li>
</ul></form>
Run Code Online (Sandbox Code Playgroud)

CSS:

form ul li{
    margin: 5px;
    clear: both;
    position:relative;
}
form label{
    float:left;
    margin-top: 0px;
    margin-bottom: 0px;
}
form input{
    float:right;
    margin-top: 0px;
    margin-bottom: 0px;
}
form .widget{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 99;
}
Run Code Online (Sandbox Code Playgroud)

我可以通过删除位置来"解决"这个问题:相对但这是不可接受的.我能做些什么来产生预期的效果吗?

html css google-chrome css-position

9
推荐指数
2
解决办法
7627
查看次数

如何开始学习SharePoint

我是一个相当有经验的开发人员(.NET,C#,XML,Web服务,HTML,Javascript,各种数据库等),他们在SharePoint中负责一个新项目.我对SharePoint一无所知.我的问题是:对于有经验的开发人员来说,开始学习SharePoint 2007的最佳方式是什么.我不是在寻找很长的书籍或网站列表,我可以自己谷歌,或者一般的学习建议,但是从最近学过SharePoint的人.这可能是关于我真正应该阅读的一篇特定文章的建议,或者我的第一个学习项目应该是什么,或者是一个几乎每个人都陷入困境的陷阱

sharepoint sharepoint-2007

8
推荐指数
1
解决办法
4751
查看次数

如何在像Twitter这样的textarea上添加发光边框?

在twitter中这是正常的 替代文字

这是悬停的光芒 替代文字

有没有jquery插件或代码或css效果可以做到这一点

css jquery textarea focus css3

8
推荐指数
2
解决办法
1170
查看次数

图例标记和Chrome

我到处都看,但无济于事.

我得到了<legend>一个表单,除了Chrome之外,它在每个浏览器中显示我想要的内容.它就像它位于fieldset之外,或者就像它位于下一个元素之上.这非常烦人.我甚至不能把利润放在上面.

为什么它以这种方式显示?

有解决方法吗?

HTML:

  <fieldset class="col-12-box-bottom add-extras">
    <legend class="plus">Add Promotion Code</legend>
    <ul id="promo-fields">
      <li><input class="field-small" type="text" /></li> 
      <li><button class="but-sec" type="submit">Apply</button></li>
    </ul>
  </fieldset>
Run Code Online (Sandbox Code Playgroud)

CSS:

.add-extras legend{
    width: 260px;
    height: 0px;
    border: 1px solid red;
    display: block;
    margin-top: 10px;
}
.add-extras fieldset{
    position: relative;
}
.add-extras ul{
    padding: 0 0 20px 0 !important;
    overflow: hidden;
}
.add-extras li{
    list-style-type: none;
    float: left;
    margin: 0 18px 0 0;
}
.add-extras li:last-child a{
    color: #afafaf;
    display: block;
    margin: 27px 0px 0 …
Run Code Online (Sandbox Code Playgroud)

html css webkit google-chrome legend

8
推荐指数
1
解决办法
1万
查看次数

Codeigniter自定义电子邮件验证规则

有人可以就如何为Codeigniter创建自定义验证规则提供一些建议.

我正在处理的网站是针对大学生的,只允许用户在使用大学电子邮件地址时进行注册.

以下是我尝试实现的验证类型的示例:

仅允许以以下结尾的电子邮件:

array(
    '0' => '@uni-email-1.com',
    '1' => '@uni-email-2.com',
    '2' => '@uni-email-3.com',
    '3' => '@uni-email-4.com',
);
Run Code Online (Sandbox Code Playgroud)

我仍然是codeigniter的新手,我不知道如何创建这种类型的验证.

非常感谢任何帮助!

谢谢

php email validation codeigniter

8
推荐指数
1
解决办法
2万
查看次数

什么Firebase规则可以防止基于其他字段的集合中的重复项?

我正在创建一个应用程序,允许用户创建项目,然后允许其他用户订阅这些项目.我正在努力制定一条规则,阻止用户多次订阅某个项目.

这是我的数据结构的示例(匿名,因此"OMITTED"值):

{
    "OMITTED" : {
        "name" : "Second",
        "body" : "this is another",
        "userName" : "Some User",
        "userId" : "OMITTED",
        "created" : 1385602708464,
        "subscribers" : {
            "OMITTED" : {
                "userName" : "Some User",
                "userId" : "OMITTED"
            }
        }
    }
}
Run Code Online (Sandbox Code Playgroud)

以下是我目前的Firebase规则:

{
  "rules": {
    ".read": true,
    ".write": "auth != null",
    "items": {
      "$item": {
        ".write": "!data.exists()",
        ".validate": "newData.hasChildren(['name', 'body', 'userId', 'userName']) && newData.child('userId').val() == auth.id",
        "subscribers": {
          "$sub": {
            ".validate": "newData.hasChildren(['userId', 'userName']) && newData.child('userId').val() != data.child('userId').val()"
          }
        }
      } …
Run Code Online (Sandbox Code Playgroud)

validation firebase firebase-security

8
推荐指数
1
解决办法
8936
查看次数

使用jQuery在datalist中获取选定的值

非常简单直接.当我想要选择一个值并将其插入SQLite数据库时,我在表单上预先填充了一个带有值的HTML数据表.这是我的示例代码无效.请帮忙.HTML5 datalist表单创建:

<input  name="TypeList" list="TypeList" placeholder="Select Type"/>
<datalist id="TypeList">
    <option value="State">
    <option value="Area">
    <option value="Town">
    <option value="Street">
    <option value="Number">
    <option value="Local Government">
    <option value="Ward">
    <option value="Country">
</datalist>
Run Code Online (Sandbox Code Playgroud)

这是不起作用的示例jquery代码:

var relationshipTemp = $('#TypeList option:selected').text();
Run Code Online (Sandbox Code Playgroud)

jquery html5 html-datalist

8
推荐指数
4
解决办法
5万
查看次数

设置css旋转以将元素指向一个点

我试图使用css 3变换旋转功能将div旋转到一个点.

我达到了这一点:jsfiddle链接

$(document).ready(function(){
    var scw,sch,scx,scy;
    calcCenter();
    $(window).resize(function() {         
        calcCenter();
    });
    function calcCenter(){
      sch = $(window).height(); 
      scw = $(window).width(); 
      scx = scw/2;
      scy = sch/2;
        $(".circle").remove();
      var circle = $("<span></span>").addClass('circle').text('.');
      circle.css('top',scy-50+"px");
      circle.css('left',scx-50+"px");
    $(document.body).append(circle);
    }
    function calcAngle(p1,p2){

        var angle = Math.atan2(p2.y - p1.y, p2.x - p1.x) * 180 / Math.PI;
        return angle;
    }



    $(document).click(function(e){  
        var box = $("<span></span>").addClass('box');
        var x = e.pageX,y=e.pageY; 
        box.css('top',y+"px");
        box.css('left',x+"px"); 

        $(document.body).append(box);
        var angle = calcAngle({x:x,y:y},{x:scx,y:scy});

        box.css('-webkit-transform','rotate('+(90+angle)*-1+'deg)');        

        box.draggable({
                drag: function(e) {
                        var box = $(this);
                        var x …
Run Code Online (Sandbox Code Playgroud)

css jquery css3 css-transforms

8
推荐指数
1
解决办法
698
查看次数