Fluid images and parallax scolling -


i having problems getting website mobile optimised. realise parallax scrolling disabled, have done.

however, when site displayed on mobile want keep resolution of background image same. have tried several ways either image far zoomed on mobile, or if scales there huge gap between 2 divs:

codepen

html:

<section class="parallax-top">     <div class="caption">     <img src="../images/mainlogo.png" alt="logo">     <h2>text</h2>     <p>gshghjhdskjfhkh fglkjslkjj fll fl</p>     <p><a class="btn btn-primary btn-lg" href="destinations.php" role="button">full list</a></p>     </div> </section>  <section class="box">     <span class="border">             <h2>text2</h2>             <h3>heading</h3>             <h4>jkjfhkjfhafa</h4>             <p><a class="btn btn-primary btn-lg" href="whatiscs.php" role="button">learn more</a></p>         </span> </section>

css:

    parallax-top {       background-image: url("../images/hero3.jpg");         height: 1200px;       background-attachment: fixed;       background-position: top;       background-repeat: no-repeat;       background-size: cover;     }      .main .caption {           position: relative;         left: 0;         top: 35%;         width: 100%;         text-align: center;         color: white;         background-color: black;         opacity: 0.75;         height: auto;         padding: 0.5%;     }      .main .caption p {       width: 80%;       margin: auto;       margin-bottom: 10px;     }    .box {       height: auto;       !important;       margin-top: auto;       text-align: center;       padding: 50px;     } @media screen , (max-width: 992px) {     .parallax-top {         background-attachment: scroll;          background-size: cover;     }

any suggestions?


Comments

Post a Comment

Popular posts from this blog

'hasOwnProperty' in javascript -

i use obj.hasownproperty judge whether object has property, when replaced obj[prop] !== undefined , not normal implementation, ask, why behind method can not use it? object.hasownproperty(prop); object[prop] !== undefined; obj[prop] !== undefined wrong 2 reasons: you can explicitly set property undefined , obj[prop] = undefined; . obj.hasownproperty(prop) return true in case. obj[prop] follow prototype chain, return property that's inherited. obj.hasownproperty(prop) returns true if property exists directly in object, returns false inherited properties.
Read more

How to put a lock and transaction on table using spring 4 or above using jdbcTemplate and annotations like @Transactional? -

i trying put lock on table while writing on table , if happened in between roll-back . trying convert below code lock table test_g1 read; lock table test_g write; -- begin; start transaction; insert test_g1 values(143); insert test_g values(145); select * test_g1; select * test_g; rollback; select * test_g; unlock tables; how convert above code @transactional spring jdbctemplate code? @transactional(rollbackfor={dataaccessexception.class}) public void test(){ jdbctemplate.execute("insert test1 (id, nam) values (4, 'a')"); throw new dataaccessexception("error") { }; } here trying throw error, insert statement should rollback it's not happening . thanks edit-1 attaching code , doing in jdbcdaoimpl.java , mentioned problem comment above test() . app.java package com.cgiri.javabrains.spring4; import org.springframework.beans.factory.annotation.autowired; import org.springframework.context.applic...
Read more

How to understand 2 main() functions after using uftrace to profile the C++ program? -

i trying uftrace profile following simple c++ program: #include <iostream> class { public: a() {std::cout << "a created" << std::endl;} ~a() {std::cout << "a destroyed" << std::endl;} }; int main() { a; return 0; } the profile result this: # uftrace a.out created destroyed # duration tid function 2.026 [ 4828] | __cxa_atexit(); [ 4828] | main() { [ 4828] | __static_initialization_and_destruction_0() { 89.397 [ 4828] | std::ios_base::init::init(); 0.768 [ 4828] | __cxa_atexit(); 93.029 [ 4828] | } /* __static_initialization_and_destruction_0 */ 94.425 [ 4828] | } /* main */ [ 4828] | main() { [ 4828] | a::a() { 11.104 [ 4828] | std::operator <<(); 10.825 [ 4828] | std::basic_ostream::operator <<(); 24.514 [ 4828] | } /* a::a */ [ 4828] | a::~a() { 0.978 [ 4828] | ...
Read more