我希望我的背景图像位于我的引导网格的前面

时间:2018-06-24 00:34:13

标签: html css

我想将文本放在背景图片的前面,而不是直接在背景图片的下面

.backgroundimg {
    background-image: url("../Website Wireframes-18.png");
    background-repeat:no-repeat;
  background-size:cover;
    height: 100vh;
    width: 100vw;
}

<div class="row backgroundimg"> 
</div>

<div class="bootstrap-grid">
    <div class="col-xs-12 col-md-6 col-lg-9">
        .col-xs-12 .col-md-6 .col-lg-9
    </div>
    <div class="col-xs-12 col-md-6 col-lg-3">
        .col-xs-12 .col-md-6 .col-lg-3
    </div>
</div>

View Screenshot

1 个答案:

答案 0 :(得分:-1)

Gideon Chrapko

如果您想在图片之前放它,可以按照订单进行游戏。例如:

 welcome.m
    ==========
    #import "welcomepage.h"
    #import "Register.h"
    #import "login.h"
    #import "AppDelegate.h"
    #import "Student+CoreDataProperties.h"
    #import "loginbtn.h"
    #import "King+CoreDataProperties.h"

    @interface welcomepage ()
    {
        AppDelegate *a;
        NSManagedObjectContext *context;



    }

    @end

    @implementation welcomepage

    - (void)viewDidLoad {
        [super viewDidLoad];
        // Do any additional setup after loading the view from its nib.
    }
    - (IBAction)login:(id)sender
    {
        loginbtn *lb=[[loginbtn alloc]init];
        [self.navigationController pushViewController:lb animated:YES];


    }






    - (void)didReceiveMemoryWarning {
        [super didReceiveMemoryWarning];
        // Dispose of any resources that can be recreated.
    }

    - (IBAction)register:(id)sender

    {

        a=(AppDelegate *)[UIApplication sharedApplication].delegate;


        NSManagedObjectContext *context1=((AppDelegate *)[UIApplication sharedApplication].delegate).persistentContainer.viewContext;



        Student *ss=[NSEntityDescription insertNewObjectForEntityForName:@"Student" inManagedObjectContext:context1];

        ss.name=[NSString stringWithFormat:@"%@",_txtfld1.text];

        ss.age=[NSString stringWithFormat:@"%@",_txtfld2.text];

        ss.place=[NSString stringWithFormat:@"%@",_txtfld3.text];

        [a saveContext];

        if (_txtfld1.text.length && _txtfld2.text.length && _txtfld3.text.length != 0)
        {
            UIAlertView *al=[[UIAlertView alloc]initWithTitle:@"THANK YOU" message:@"DATA SUCESSFULLY SAVER. YOU CAN LOGIN NOW WITH YOUR PASSWORD AND NAME" delegate:self cancelButtonTitle:@"OK" otherButtonTitles: nil];
            [al show];

            _txtfld1.text=@"";
            _txtfld2.text=@"";
            _txtfld3.text=@"";

            Register *rg=[[Register alloc]init];

            [self.navigationController pushViewController:rg animated:YES];

        }
        else
        {
            UIAlertView *al2=[[UIAlertView alloc]initWithTitle:@"WARRNING" message:@"PLEASE FILL THE DATA COMPLETELY" delegate:self cancelButtonTitle:@"OK" otherButtonTitles: nil];
            [al2 show];

        }

    }
    ===================================================
    Register.m
    ==========
    #import "Register.h"
    #import "AppDelegate.h"
    #import "Student+CoreDataProperties.h"
    #import "welcomepage.h"


    @interface Register ()<UITableViewDelegate,UITableViewDataSource>
    {
        AppDelegate *a;
        NSManagedObjectContext *context01;
        NSArray *array01;

    }

    @end

    @implementation Register

    - (void)viewDidLoad
    {
        [super viewDidLoad];


        a=((AppDelegate *)[UIApplication sharedApplication].delegate);
        context01=((AppDelegate *)[UIApplication sharedApplication].delegate).persistentContainer.viewContext;








        // specifying  nsrequest and nsentity

        NSFetchRequest *req=[[NSFetchRequest alloc]init];

        NSEntityDescription *entity01=[NSEntityDescription entityForName:@"Student" inManagedObjectContext:context01];

        [req setEntity:entity01];




        // putting datas from reto array




        NSError *err=nil;

        array01=[context01 executeFetchRequest:req error:&err];





    // Do any additional setup after loading the view from its nib.
    }



    -(NSInteger)numberOfSectionsInTableView:(UITableView *)tableView
    {
        return array01.count;

    }

    -(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
    {

        return 3;
    }
    -(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
    {
        static NSString *ci=@"hai";
        UITableViewCell *cell=[tableView dequeueReusableCellWithIdentifier:ci];

        if (cell==nil) {
            cell=[[UITableViewCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:ci];
        }
        if (indexPath.row==0) {
            cell.textLabel.text=[[array01 objectAtIndex:indexPath.section]valueForKey:@"name"];
        }
        if (indexPath.row==1) {
            cell.textLabel.text=[[array01 objectAtIndex:indexPath.section]valueForKey:@"age"];
        }
        if (indexPath.row==2) {
            cell.textLabel.text=[[array01 objectAtIndex:indexPath.section]valueForKey:@"place"];
                }
            return cell;
    }

    ==================================================
    Loginbtn.m
    ============

    #import "loginbtn.h"
    #import "AppDelegate.h"
    #import "Student+CoreDataProperties.h"
    #import "login.h"

    @interface loginbtn ()
    {
        AppDelegate *a;
        NSArray *arraylb;



    }

    @end

    @implementation loginbtn

    - (void)viewDidLoad {
        [super viewDidLoad];
        // Do any additional setup after loading the view from its nib.
    }

    - (void)didReceiveMemoryWarning {
        [super didReceiveMemoryWarning];
        // Dispose of any resources that can be recreated.
    }

    - (IBAction)lgbtn:(id)sender
    {
        a=(AppDelegate *)[UIApplication sharedApplication].delegate;


        //xcode 8.2.1 specification code

        NSManagedObjectContext *context=((AppDelegate *)[UIApplication sharedApplication].delegate).persistentContainer.viewContext;

        //creating feathch request and entity


        NSFetchRequest *req=[[NSFetchRequest alloc]init];
        NSEntityDescription *entity=[NSEntityDescription entityForName:@"Student" inManagedObjectContext:context];

        [req setEntity:entity];
        // setting predicate


        NSPredicate *pre=[NSPredicate predicateWithFormat:@"age like %@ and place like %@",_txt1.text,_txt2.text];

        [req setPredicate:pre];


        //creating  error and array to store
        NSError *err=nil;

        arraylb=[[NSArray alloc]init];
        arraylb=[context executeFetchRequest:req error:&err];
        login *lg=[[login alloc]init];
        if (arraylb.count!=0)
        {

            lg.array001=arraylb;
        }




    //    
    //    if (arraylb.count!=0)
    ////    {
    ////        
    ////        lv *lvi=[[lv alloc]init];
    ////        
    ////        //passing value
    ////        lvi.array001=arraylb;
    ////        
    ////        
    ////        //lv.str1=self.tf1.text;
    ////        //lv.str2=self.tf2.text;
    ////        [self.navigationController pushViewController:lvi animated:YES];
    ////        
    ////        
    ////    }
    ////    else
    ////    {
    //        
    //        self.lb.text=@"Invalid username & password";
    //        
    //    }
    //    


        [self.navigationController pushViewController:lg animated:YES];




    }
    =====================================================
    Lohin.m
    =========

    #import "login.h"
    #import "Student+CoreDataProperties.h"
    #import "AppDelegate.h"
    #import "loginbtn.h"

    @interface login ()
    {
        AppDelegate *a;
        NSArray *array01;

    }

    @end

    @implementation login

    - (void)viewDidLoad
    {
        [super viewDidLoad];


        _txt11.text=[[_array001 objectAtIndex:0]valueForKey:@"name"];
        _txt22.text=[[_array001 objectAtIndex:0]valueForKey:@"age"];
        _txt33.text=[[_array001 objectAtIndex:0]valueForKey:@"place"];



        // Do any additional setup after loading the view from its nib.
    }

    - (void)didReceiveMemoryWarning
    {
        [super didReceiveMemoryWarning];
        // Dispose of any resources that can be recreated.


        // Dispose of any resources that can be recreated.
    }

否则,您可以在CSS文件中为类 .bootstrap-grid 使用 position:absolute 。 这样一来,您上方的文字将与图片的高度相同

希望对您有所帮助。祝你好运