چطور با hover جای دیگر تغییر کند و مختصات منفی در تعیین عکس        ؟

سلام دوستان

دو تا سوال داشتم .

اول اینکه اگر بخواهیم توی صفحه زمانی که ما مثلا روی یک input حالت Hover رو قرار میدیم . یک قسمت دیگه تغییر کنه.

مثلا من میخوام زمانی که روی "اینپوت" Hover  میکنم تصویر بک گراند کل صفحه تغییر کنه.

دومین سوالم هم اینه که با توجه به آموزش های استاد درقسمت آموزش HTML و CSS چرا زمانی که یه عکس رو اضافه میکردن ، در زمان انتخاب مختصات قسمتی از عکس ثل همون گوگل ، اعداد منفی وارد میکنیم !!! در حالی که مختصات اصلی مثبت هست !

اگر منظور من رو متوجه نشدید این عکس هست که توی گوگل استفاده شده :

و کدی که نوشه شده :

#service{
        background-size: 528px 68px;

        background: url("i1_1967ca6a.png") -135px -41px;            |      این خط منظورم هست

        height:30px;
        width:30px;
        display:inline-block;
        vertical-align:middle;
        margin-right:10px;
        opacity:0.55;
        cursor:pointer;
    }